--- title: Селекторы по классу slug: Web/CSS/Class_selectors translation_of: Web/CSS/Class_selectors ---
В HTML документе, селекторы по CSS классу находят элементы с нужным классом. Атрибут класса определяется как разделённый пробелами список элементов, и один из этих пунктов должен точно соответствовать имени класса, приведённому в селекторе.
.classname { style properties }
Это эквивалентно следующему {{ Cssxref("Attribute_selectors", "селектор по атрибуту") }}:
[class~=classname] { style properties }
span.classy { background-color: DodgerBlue; }
<span class="classy">Здесь span с каким-то текстом.</span> <span>А тут другой span.</span>
{{ EmbedLiveSample('Example', 200, 50) }}
{{Compat}}