Как изменить стиль первых 2х букв с помощью чистого css?

Question

[Александр Ф]

Здравствуйте! Подскажите пожалуйста, как можно с помощью чистого css изменить стиль в строке для первых ДВУХ букв? Про псевдоэлемент first-letter и как с помощью него сделать буквицу знаю, а вот как изменить стиль двух первых букв нигде найти не могу.

Answer 1

[Олег]

Про псевдоэлемент first-letter и как с помощью него сделать буквицу знаю, а вот как изменить стиль двух первых букв нигде найти не могу.

Это невозможно на CSS. Оберните буквы в span.

Comments

[Александр Ф]

Про этот способ знаю. Уже его испробовал. Более "чистого" решения нет?

[Олег]

Алексий: Нет.

Answer 2

[HamSter]

описание +
скрипт

Comments

[Александр Ф]

Хорошее решение, жаль необходимо прикрепить плагин

[HamSter]

Алексий: иначе каждую букву оборачивать! Других решений еще не придумали

Answer 3

[xaruki]

Для примера слово из 4 букв.
Первые 2 одного цвета, последние 2 другого:

background: linear-gradient(90deg, red 25%, blue 25%); 
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;
                    background: -ms-linear-gradient(90deg, transparent 25%, transparent 25%);