un esempio più corretto:
codice:
#colorato {
color: #0000FF; /* colore del testo nel paragrafo */
}
#colorato:first-letter {
color: #CCCCCC; /* colore della prima lettera del paragrafo */
}
.rosso {
color: #FF0000; /* colore della lettera compresa nello specifico span, è stata utilizzata una classe perché si può riutilizzare più volte */
}
.verde {
color: #00FF00;
}
.giallo {
color: #FFFF00;
}
html:
<p id="colorato">T<span class="verde">E</span><span class="rosso">S</span><span class="giallo">T</span>O</p>
questo è il modo più semplice e immediato, anche perché mi pare di capire che sia un compito assegnato presupponendo conoscenze ridotte dei css (e in questo caso anche :first-letter sarebbe di troppo)