Question

Let’s say I have <p>hi my name is john</p>. I’m aware that I can use span to select the characters, and then use CSS to make their styles different from the rest of the text. However, if I want “name” and “john” to be different from the rest of the sentence, and from each other, is this even possible? If so, how is this achieved?

Thanks in advance!

Answer 1

Perhaps I miss the point, but it sounds like you’ve answered your own question. You seem to know that you can wrap hi and john in span tags and then apply css to style them.

http://jsfiddle.net/W4Vqk/

p span:first-child {  }
p span:last-child {  }

<p><span>hi</span>my name is <span>John</span></p>

Or alternatively use class names

http://jsfiddle.net/ZegR2/

span.foo {  }
span.bar {  }

<p><span class="foo">hi</span>my name is <span class="bar">John</span></p>