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

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

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

В 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