Различные селекторы также могут объединяться в группу. Например, если требуется применить одинаковое оформление к h2 и р, тогда можно написать следующий CSS:
h2 {color: red} р {color: red}.
Однако код CSS можно сократить, группируя селекторы вместе с помощью запятой — правила в скобках применяются к обоим селекторам: h2, р {color: red}.
Основные типы селекторов правил CSS
Имеются следующие основные типы селекторов:
• универсальный селектор (*) — правило применяется ко всем элементам документа. Например:
* {font-family: sans-serif} /* Применяется ко всем элементам документа 7.
• селектор типа — применяется ко всем элементам с заданным именем. Например:
Н1 {font-family: sans-serif} /* Применяется ко всем элементам Н1 */.
• селектор класса .class — применяется ко всем элементам с заданным значением атрибута class. Например, правило.
.warning {font-style: italic}.
задает стиль (курсив шрифта) для всех элементов, имеющих атрибут class-" warning" (например, для элемента).
• селектор идентификаторов #id — применяется ко всем элементам с заданным значением атрибута id. Например, правило.
#sample {letter-spacing: О. Зет }.
будет применяться к элементу Разреженный текст.
- • селектор атрибутов — применяется ко всем элементам, имеющим заданный атрибут, а также имеющим заданное значение:
- — [attr] - применяется ко всем элементам, имеющим атрибут attr, независимо от его значения;
- — [attr=value] - применяется ко всем элементам, у которых атрибут attr имеет значение value
- • селектор дочерних элементов selectorl > selector2 — правило применяется ко всем элементам, которые являются дочерними для элементов, выбранных с помощью selectorl. Например, правило р > div { color: red } будет применяться ко всем контейнерам, которые являются дочерними для элемента .