Применение специальных стилей к первой строке

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

p:first-line {color: purple;}

Стиль применяется к первой отображаемой строке текста каждого абзаца. Здесь не имеет значения ширина области отображения. Если первая строка содержит только первые пять слов абзаца, то лишь эти пять слов будут закрашены фиолетовым. Если первая строка состоит из 30 слов элемента, тогда фиолетовыми будут все 30.

Поскольку фиолетовым должен быть текст от слова «This» до слова «only», агент пользователя применяет фиктивную разметку, которая выглядит примерно так:

This is a paragraph of text that has only
one stylesheet applied to it. That style
causes the first line to be purple. No other ...

Если в результате редактирования первая строка будет включать первые семь слов абзаца, фиктивный тег переместится и окажется сразу за словом «that».

Оцените статью: (0 голосов)
0 5 0

Статьи из раздела CSS на эту тему:
Выбор дочерних элементов
Выбор конкретного атрибута
Выбор между селектором классов и селектором идентификаторов
Выбор на основании конкретного значения атрибута
Выбор первого дочернего элемента

Вернуться в раздел: CSS / 2. Селекторы