CSS псевдоэлемент ::first-letter
CSS псевдоэлемент ::first-letter определяет стиль первого символа в тексте элемента, к которому добавляется.
К ::first-letter могут применяться только CSS свойства, связанные со свойствами шрифта, отступами, полями, границами, цветом и фоном.
Правила написания CSS-псевдоэлемента ::first-letter
/* в CSS 2.1: */
Селектор:first-letter { ... }
/* в CSS 3: */
Селектор::first-letter { ... }
В CSS3 псевдоэлементы ::first-letter обозначаются с двумя двоеточиями, чтобы синтаксис отличался от псевдоклассов.
Пример применения псевдоэлемента ::first-letter
Проиллюстрируем работу псевдоэлемента ::first-letter. Давайте сделаем первую букву абзаца такой же как в древних рукописях.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Псевдоэлемент ::first-letter</title>
<style>
p:first-child::first-letter{
font: bold 25px/normal "papyrus";
}
</style>
<head>
<body>
<p>
В тот же миг Алиса юркнула за ним следом,
не думая о том, как же она будет выбираться
обратно.
</p>
</body>
</html>