H1 Multicolored?

I have a website title of "Domestic Energy Assessor" and I want to make the first letter of each word a different color but wondered if there is a special way of doing it or do I do it giving the first letters a class?

 

<h1><span>D</span>omestic <span>E</span>nergy <span>A</span>ssessor</h1>

Code (markup):

Target the spans inside the H1 and style them appropriately, like so:

h1 span {
    background: #FFF;
    color: #CFC;
}

Code (markup):

Obviously the colors are examples, so replace them with what works with your site.

If you want each first letter to be a different color, give them IDs and have each ID value be different. Don't use the color for the value, since you may change your mind later on. More semantic values, like "word-one" "word-two" and so on would be better, but are still far from ideal.