Справочник по CSS : Тематический указатель : Селекторы : Class

Материал из Справочник Web-языков.

Содержание 1 Селектор Class 2 Синтаксис 3 Используемые значения 4 Замечания 5 Примеры 6 Стандарты 7 Поддерживаемые браузеры 8 Смотрите также 9 Ссылки на источники

[править] Селектор Class

Задает класс элемента.

[править] Синтаксис

HTML	.value { sRules }
Скрипты	N/A

[править] Используемые значения

value

Строковое значение, которое определяет значение атрибута класса.

sRules

Строковое значение, которое определяет одну или более CSS-пару атрибут/значение.

[править] Замечания

Значение атрибута CLASS должно быть написано непосредственно после точки (.)

В одном стилевом правиле может быть описано сразу несколько классов. Классы разделяются между собой точкой (.).

[править] Примеры

В примере используется селектор Class. Для объекта P с помощью атрибута CLASS задаются несколько классов, в том числе pastoral и marine. Используя селектор Class записывается стилевое правило, по которому стиль к объекту P будет применяться, только если он принадлежит к классу "pastoral marine", а не, например, "pastoral blue".

<style>
    P.pastoral.marine { color: lightseagreen; }
</style> 

[править] Стандарты

Этот селектор определен в CSS, Level 1 (CSS1)

[править] Поддерживаемые браузеры

Internet Explorer 5.5, 6.0, 7.0, 8.0

Opera 7.0, 8.0, 9.2, 9.5, 10.0

Safari 1.3, 2.0, 3.1

Firefox 1.5, 2.0, 3.0

[править] Смотрите также

Equality [=] Attribute Selector, Existence [] Attribute Selector, Hyphen [|=] Attribute Selector, ID Selector, Prefix [^=] Attribute Selector, Substring [*=] Attribute Selector, Suffix [$=] Attribute Selector, Type Selector, Universal (*) Selector, Whitespace [~=] Attribute Selector

[править] Ссылки на источники

https://msdn.microsoft.com/en-us/library/aa770068(VS.85).aspx