Селекторы по классу
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since июль 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> |
Совместимость с браузерами
Loading…