We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

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

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

Синтаксис

.classname { style properties }

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

[class~=classname] { style properties }

Пример

CSS

span.classy {
  background-color: DodgerBlue;
}

HTML

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

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

Спецификация Статус Комментарий
Selectors Level 4
Определение 'class selectors' в этой спецификации.
Рабочий черновик Без изменений
Selectors Level 3
Определение 'class selectors' в этой спецификации.
Рекомендация  
CSS Level 2 (Revision 1)
Определение 'child selectors' в этой спецификации.
Рекомендация  
CSS Level 1
Определение 'child selectors' в этой спецификации.
Рекомендация Изначальное определение

Поддержка браузерами

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support (Да) (Да) (Да) (Да) (Да)
Feature Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support ? ? ? ? ? ?

Метки документа и участники

Внесли вклад в эту страницу: BychekRU
Обновлялась последний раз: BychekRU,