Question

I have code like this

<a href="#" title="some title">
  <span>Do not change color of this text</span>
  Want to only change this text color
</a>

I want to change the color of anchor tag text only, not color of text in span.
Using CSS not jQuery.

Answer 1

Create a style to ensure the correct colors are being applied:

a {
    color: #00f;
}
p, a span {
    color: #000;
}

This sets the color of normal text (p) and spans inside links (a span) to black, whereas it sets the color of the rest of the text in links to blue.