Краткое описание
В 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' в этой спецификации. |
Рекомендация | Изначальное определение |
Поддержка браузерами
| 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 | ? | ? | ? | ? | ? | ? |