5.10. Псевдо-элементы и псевдо-классы.

В CSS2, стиль нормально подключается к элементу, основанному на его положении в дереве документа. Эта простая модель является достаточной для многих случаев, но некоторые обыкновенные сценарии публикации не возможны из-за структуры дерева документа. Например, в HTML 4.0, ни один элемент не ссылается на первую строку параграфа, и, поэтому, нет простого селектора CSS, который мог бы ссылаться на нее.

CSS вводят концепции псевдо-элементов и псевдо-классов для разрешения форматирования, основанного на информации, которая лежит вне дерева документа.

• Псевдо-элементы создают абстракции в дереве документа, которые не определяются языком документа. Например, язык документов не предлагает механизм доступа к первой букве или первой строке содержания элемента. Псевдо-элементы CSS позволяют дизайнерам стилевых страниц ссылаться на эту недоступную информацию, определенную другим способом. Псевдо-элементы могут также предоставить дизайнерам стилевых таблиц способ для назначения стиля для содержания, которое не существует в документе-источнике (например, псевдо-элементы :before и :after предоставляют доступ к генерируемому содержанию).
• Псевдо-классы классифицируют элементы по характеристикам, отличающимся от их имен, атрибутов или содержания; т.е. характеристики, которые не могут быть выведены из дерева документа. Псевдо-классы могут быть динамичными, в том смысле, что элементы могут приобретать или терять псевдо-класс во время взаимодействия пользователя с документом. Исключением является ':first-child", который может быть извлечен из дерева документа.

Ни псевдо-элементы, ни псевдо-классы не появляются в документе-источнике или в дереве документа.

Псевдо-классы разрешены в селекторах везде, а псевдо-элементы могут появляться только после субъектов селектора.

Названия псевдо-элементов и псевдо-классов чувствительны к регистру.

Некоторые псевдо-классы взаимно исключают друг друга, в то же время другие могут применяться одновременно для одного и того же элемента. В случае конфликта правил, нормальный порядок каскадирования определяет вывод информации.

Согласование устройств вывода HTML могут игнорировать все правила с :first-line и :first-letter в селекторах, или, альтернативно, могут поддерживать только подмножество свойств для этих псевдо-элементов.