Структура правила

Чтобы лучше понять, что же такое правила, давайте разберем их структуру. Каждое правило имеет две основные части: селектор (selector) и блок объявлений (declaration block). Блок объявлений состоит из одного или более объявлений (declarations), а каждое объявление представляет собой сочетание свойства (property) и значения (value). Каждая таблица стилей образуется из наборов правил.

Селектор, расположенный в левой части правила, определяет, на какие части документа распространяется правило. Если бы селектором был p, тогда выбирались бы все элементы p (абзацы). В правой части правила находится блок объявлений, образованный одним или несколькими объявлениями. Каждое объявление представляет собой сочетание свойства CSS и значения этого свойства.

Первое определяет, что согласно правилу цвет (color) указанных элементов документа будет красным (red), а второе – что фон (background) этих элементов будет желтым (yellow). Таким образом, все элементы h1 (определенные селектором) этого документа будут выводиться красным текстом на желтом фоне.

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

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

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