Языки информационного обмена



       Знакомства в днепропетровске здесь. |   

Селектор сравнения образцов - часть 2


Селектор представляет собой последовательность одного или нескольких простых селекторов.

Селектор типа представляет собой просто имя элемента XML, которое соответствует любому вхождению этого элемента в дерево документа XML. Универсальный селектор представляет собой знак "*", означающий соответствие любому элементу.

Селекторы атрибутов позволяют осуществлять более точный выбор или сравнение образцов, вплоть до атрибутов или даже значений атрибутов.

Значительно более детального соответствия можно добиться с помощью селектора ID. Он позволяет применить правило к конкретному элементу, имеющему конкретный ID.

Обычно правила CSS связываются с элементом на основе его положения в дереве документа. Однако селекторы псевдоклассов позволяют обращаться к узлам других типов в дереве документа. Например, псевдокласс first-child позволяет найти и связать правило с первым элементом, порожденным заданным элементом:

TITLE: first-child {...}

Затем конкретное правило CSS можно связать с объектом дерева документа, не указывая явным образом его имя.

Еще одним типом интересного селектора являются псевдоэлементы. Например, может оказаться необходимым переформатировать первую строку параграфа по-другому или первую букву главы написать более крупным шрифтом. В следующем примере выбирается первая строка из содержания данных элемента <DESCRIPTION>, а затем к ней применяется коллекция свойств из этого правила:

DESCRIPTION: first-line{...}

А в следующем коде со свойствами правила ассоциируется первая буква этого содержания:

DESCRIPTION: first-letter{...}

Простые селекторы можно связать цепочкой в одно селекторное выражение, но каждый простой селектор в нем отделяется символами пустого пространства, знаком > или +.




Содержание  Назад  Вперед