Псевдоелементи тексту

Псевдоелемент ::first-letter

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

За допомогою ::first-letter можна змінити розмір, колір, стиль шрифту та інші стилізації першої літери в тексті. Тобто ми вказуємо в файлі стилів основний селектор і також додатковий стиль псевдоелемента.

селектор {
  // стилі
}

селектор::first-letter {
  // стилі
}

У цьому прикладі, перша літера в кожному параграфі має розмір шрифту 150%, буде жирною (bold) і червоного (red) кольору.

Псевдоелемент ::selection

Псевдоелемент ::selection - це CSS-селектор, який дозволяє стилізувати текст або фон виділеного тексту на веб-сторінці. Можна встановити різні стилі для виділеного тексту, такі як колір тексту, фоновий колір, шрифт і т. д.

У прикладі нижче спробуйте виділити текст із застосуванням псевдоелемента ::selection і без нього.