Псевдо элементы позволяют создать стили для элементов, которые невозможно отобразить в дереве документа. К таким элементам относятся: первая буква строки, первая строка параграфа.
":first-line" и ":first-letter"
Эти два элемента позволяют изменить стили для первой буквы строки и первой строки параграфа.
":first-line" применяется к селекторам по типу параграфа <p>
-
p:first-line {font-weight:bold;}
":first-letter" применяется к селекторам по типу параграфа <p>
-
p:first-letter {font-size:200%; font-weight:bold;}
":before" и ":after"
Эти два псевдо элемента предназначены для вставки сгенерированного контента до и после элемента.
Элементы :before" и ":after" не поддерживаются браузерами IE5, IE5.5, IE6.
