Що таке ::first-line в CSS3?

Псевдоелемент ::first-line може додавати стилі до першого рядка тексту, до якого застосовується цей псевдоелемент.

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

Приклад псевдоелемента:

.block::first-line {
   color: #d38e8e;
   font-size: 1.2em;
}

HTML-код:

<p class="blockExample">
   Красивий змістовний текст<br>
   Тут може знаходитися стаття
</p>

Результат:

Красивий змістовний текст
Тут може знаходитися стаття

Коментарі