Селекторы по классу

Краткое описание

В HTML документе, селекторы по CSS классу находят элементы с нужным классом. Атрибут класса определяется как разделённый пробелами список элементов, и один из этих пунктов должен точно соответствовать имени класса, приведённому в селекторе.

Синтаксис

.classname { style properties }

Это эквивалентно следующему селектор по атрибуту:

[class~=classname] { style properties }

Пример

CSS

css
span.classy {
  background-color: DodgerBlue;
}

HTML

html
<span class="classy">Здесь span с каким-то текстом.</span>
<span>А тут другой span.</span>

Спецификации

Specification
Selectors Level 4
# class-html

Совместимость с браузерами

BCD tables only load in the browser