MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

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

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

В 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 ? ? ? ? ? ?

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

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