Селекторы элементов

Чаще всего, но не всегда, селектор – это элемент HTML. Например, если CSS-файл содержит стили для XML-документа, селектор может выглядеть примерно так:

QUOTE {color: gray;}
BIB {color: red;}
BOOKTITLE {color: purple;}
MYElement {color: red;}

Иначе говоря, элементы документа играют роль базовых селекторов. В XML селектором может быть все что угодно, поскольку XML разрешает создание новых языков разметки, в которых в качестве имени элемента может выступать практически любая последовательность символов. С другой стороны, если вы создаете стили для HTML-документа, селектором обычно будет один из элементов HTML, например p, h3, em, a или даже html. Например:

html {color: black;}
h1 {color: gray;}
h2 {color: silver;}

Применив глобальные правила к элементам, можно переносить стили с одного элемента на другой. Допустим серым должен быть текст абзаца, а не заголовок h1. Без проблем. Просто меняем селектор h1 на p:

html {color: black;}
p {color: gray;}
h2 {color: silver;}

Оцените статью: (0 голосов)
0 5 0

Статьи из раздела CSS на эту тему:
Выбор дочерних элементов
Выбор конкретного атрибута
Выбор между селектором классов и селектором идентификаторов
Выбор на основании конкретного значения атрибута
Выбор первого дочернего элемента

Вернуться в раздел: CSS / 2. Селекторы