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