Cambiar todos los estados del enlace mismo color css

Question

Tengo una clase extendida llamada "tomate".

Mi css es:

.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 */ 

¿Hay alguna manera de combinar todo esto en un pedazo más pequeño de código? (Quiero que el enlace sea de color rojo en todos los estados)

Answer 1

Este es el shortest, yo no te creo puede hacer que cualquier corto que:

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

O

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

esperanza esta ayuda s.

Answer 2

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

Nota, el HEX color podría ser abreviado, también. :)

Si usted elige utilizar un marco CSS para organizar su CSS, tal como menor, podría ser mucho más simple que el anterior:

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

Answer 3

En realidad, es mejor usar the attribute selector. En este caso sería:

.tomato a[href]{color:#F00;} 

o si es necesario:

.tomato [href]{color:#F00;}