Веб-термины

Тема

Селекторы каскадных таблиц стилей css

В предыдущей заметке мы обсудили общие принципы синтаксиса каскадных таблиц стилей (css), рассматривая указанную методику непосредственно как технологию веб-дизайна. Здесь же мы продолжим начатую тему, а речь пойдёт о термине «селектор» (и ещё о кое-каких определениях, относящихся к описываемым директивам каскадных стилистических таблиц). Однако, для начала обратимся к уже известному нам материалу, чтобы всё окончательно расставить по своим местам.

Итак, в общем случае, если мы намереваемся вывести на дисплей текст кеглем 12 пунктов, то в файле с расширением css для тега HTML <P> следует сделать такую запись:

P {font-size: 12pt;}

Такой синтаксис совершенно корректен, и к данному вопросу мы больше возвращаться не будем. Тем не менее, сама тема синтаксиса каскадных стилистических таблиц ещё далеко не исчерпана.

Для строки записи предписывающей директивы

НАИМЕНОВАНИЕ_ЭЛЕМЕНТА _HTML {свойство: значение}

существует собственное название: «селектор css», а для обозначения содержания того, что записывается в фигурных скобках, применяется термин «определение селектора».

Определения селекторов

Очевидно, что в определении селектора могут быть использованы лишь такие характеристики атрибутов и свойств, которые имеют отношение к конкретному определяемому элементу (в нашем с вами примере, это тег HTML <P>). Ещё одна исключительно удобная особенность каскадных стилистических таблиц заключается в том, что мы можем объединять директивы в группы селекторов, если таковые теги характеризуются одними и теми же атрибутами / свойствами: например, предписания заголовков и текстов: H1, Н2, НЗ, Н4 {font-family: Arial Cyr; color: #888;}.

Принцип "наследования"

Кроме того, для этой технологии веб-дизайна характерен уже известный нам «принцип наследования», выражающийся в иерархическом подчинении уже определённому и вызванному средствами HTML селектору. Необходимо сделать следующую оговорку: наследование происходит лишь при совпадении определяемых в css атрибутов и свойств (пример: свойство font-size не может быть наследовано тегом <img>, поскольку указанное свойство не имеет отношения к описанию дескрипторов иллюстрирования).

  На главную