alt131 - 6:09 pm on Oct 16, 2011 (gmt 0)
Hi Certificates, and welcome to WebmasterWorld :)
What Lucy is saying (in a lot less words) is that you can just wrap the other words in another span, and add a style to make the colour blue:
<p><span class="red>Red</span> <span class="red>Red</span></p>
The reason for spans is that they are inline element, so they will flow inline rather than starting on a "new line" like a paragraph. However spans are a generic container that don't add any meaning to the HTML. Depending on what you are trying to achieve, it might be better to use another element. For example, if this is only for visual impact, style a <b> or <i> instead. If the words are being coloured because you want them to be emphasised for all users (including non-visual users of assistive technology) then style am <em> or even <strong>.
Also, to reduce the amount of mark-up, and all of the words in the para are red and only a couple are blue, it saves code and coding time to style the whole <p> red, and then use only one span or other element to change those few words to blue.
Finally, also consider class names. Best practise is to name classes according to their function rather than the style so things don't get confusing if you change the styles. So span.blue might be better named span.highlight (poor example) - which indicates the purpose of the style, and will make sense later on if you decide to change the colour to something else.