css - Is it possible to apply different styles to different letters in word?

Question

Lets say, I have word 'Test'. Is it possible to make lets say, first letter(T) red, second(e) - green and bold and last(t) - just bold? I can break word on symbols and apply different styles but maybe I can do it without splitting?

Answer 1

You can apply a specific colour, and style, to the :first-letter of an element, but beyond that: no, this isn't possible without JavaScript; unless each letter (or pair of letters) is wrapped in its own element.

div {
    color: black;
}

div:first-letter {
    color: red;
}

JS Fiddle demo, using :first-letter.