Селекторы по классу
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 |
Совместимость с браузерами
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Class selector ( .className ) |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.