/ Справочники / CSS3 / ::first-line

Информация по поводу - ::first-line


Псевдоэлемент ::first-line способен добавлять стили к первой линии текста, к которой применяется этот псевдоэлемент. 

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

Пример псевдоэлемента:
.block::first-line {
   color: #d38e8e;
   font-size: 1.2em;
}
HTML код:
<p class="block">
   Красивый смысловой текст<br>
   Здесь может находиться статья
</p>
Результат:

Красивый смысловой текст
Здесь может находиться статья