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

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


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

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

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

Красивый смысловой текст

Здесь может находиться статья