Change all link states same color css

Question

I have a spanned class called "tomato".

My css is:

.tomato a:link {color:#FF0000;}      /* unvisited link */ .tomato a:visited {color:#FF0000;}  /* visited link */ .tomato a:hover {color:#FF0000;}  /* mouse over link */ .tomato a:active {color:#FF0000;}  /* selected link */  

Is there a way I can combine all these into a smaller piece of code? (I want the link to be red in all states)

Answer 1

This is the shortest, I don't think you can do it any shorter than:

.tomato a:link, .tomato a:visited, .tomato a:hover, .tomato a:active { color:#FF0000; } 

OR

.tomato { a:link, a:visited, a:hover, a:active { color:#FF00000; } } 

Hope this helps.

Answer 2

.tomato a:link, .tomato a:visited, .tomato a:hover, .tomato a:active {     color:#F00; } 

Note, the color HEX could be abbreviated, too. :)

If you choose to use a CSS framework to organize your CSS such as LESS, it could be much simpler than the above:

.tomato {    a:link,    a:visited,    a:hover,    a:active {        color:#F00;    } }