Colouring a specific character through CSS

Question

What I am after is to colour in just one character of my code throughout the page.

The lines between each of the words are what I would like to be a different colour fro

Answer 1

Another solution would be encapsulating the text (not the separators) inside s, and use :after pseudo-element to create the separator.

Then, specify that, for the last element, the separator is not required:

HTML

    Anti-virus End Point
    Disk Encryption
    UTM
    Email and Web Security

CSS

.separator > span:not(:nth-last-child(1)):after {
    content: ' | ';
    color:#00FF00;
}

Demo: http://jsfiddle.net/j9kZS/1/