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

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

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

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

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

HTML-код:

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

Результат:

Красивий змістовний текст

Тут може знаходитися стаття

Коментарі