Первый псевдоэлемент участвует в стилевом оформлении первой буквы блочного элемента:

p:first-letter {color: red;}

Согласно этому правилу первая буква каждого абзаца будет окрашена в красный цвет. Вместо этого можно было бы, например, сделать первую букву каждого элемента h2 в два раза больше, чем остальной текст:

h2:first-letter {font-size: 200%;}

Как я говорил, это правило заставляет агент пользователя реагировать на фиктивный элемент, содержащий первую букву каждого элемента h2. Это могло бы выглядеть примерно так:

<h2><h2:first-letter>T</h2:first-letter>his is an h2 element</h2>

Стили :first-letter применяются только к содержимому фиктивного элемента, показанного в примере. Элемента <h2:first-letter> нет в исходной разметке документа. Он создается агентом пользователя на лету и нужен для того, чтобы применить стиль :first-letter к соответствующему блоку текста. Иначе говоря, <h2:first-letter> – это псевдо-элемент. Помните: вам не надо добавлять никаких новых тегов. Агент пользователя все сделает за вас.

Добавлено: 17 Июля 2018 08:31:15 Добавил: Андрей Ковальчук Нравится 0

Добавить