Сделать первые 3 буквы другим цветом

Question

Есть слово, возможно ли сделать первые 3 буквы другим цветом, не прибегая к html и js

Answer 1

Придётся вручную обернуть первые три буквы в тег <span>.

.initial {
   color: red;
}

<p><span class="initial">Lor</span>em ipsum dolor sit amet, consectetur</p>

Answer 2

#x:before{content: 'foo bar';
background: linear-gradient(90deg, red 1.4em, black 1.5em);
color: transparent;
background-clip: text;
}

<h2 id='x'></h2>

Answer 3

В css отсутствует псевдоэлемент типа :nth-letter

Но как вариант, можно сделать так

p {
  position: relative;
}

p::before {
  content: "Wow";
  color: #f00;
  position: absolute;
  top: 0;
  left: 0;
}

<p>Wow text text</p>