¿Cómo seleccionar todas las pseudo clases en CSS?

Question

Tengo un botón y quería saber si es posible acortar el css.

.button a:link, .button a:visited, .button a:hover, .button a:active { 
    color: #000; 
    text-decoration: none; 
} 

quiero decir tal vez:

.button a:* { 
    color: #000; 
    text-decoration: none; 
} 

Tal vez no hay ningún camino más corto, pero yo sólo quería saber. me encontré con algo como esto:

.button a:link:visited:hover:active { 
    color: #000; 
    text-decoration: none; 
} 

Pero no estaba funcionando, no sé por qué .. Para obtener información - Tengo css general para una en la parte superior del archivo:

a:link { 
    color: #DA5632; 
} 
a:visited { 
    color: #CE3408; 
} 
a:hover { 
    color: #289BF8; 
} 
a:active { 
    color: #CE3408; 
} 

Por lo que la clase de botón a debe sobrescribir la a css principal.

Answer 1

.button a es todo lo que necesita

siempre me puse un estilo predeterminado en a, y el objetivo clases seudo sólo cuando necesito tener un efecto diferente.

Editar para incluir solución de:

Debido a un estilo predeterminado para el elemento se declara como:

a:link { 
    color: #DA5632; 
} 
a:visited { 
    color: #CE3408; 
} 
a:hover { 
    color: #289BF8; 
} 
a:active { 
    color: #CE3408; 
} 

en la parte superior de la hoja de estilo, tenemos que hacer que sea body .button a por aumentando la selectividad, aumentamos la importancia de los estilos aplicados.

Answer 2

Aquí hay algunas cosas para tratar

asegurarse de que su hoja de estilo tiene una regla para ".button un" - También asegúrese de que esta hoja de estilo se incluye después de la global definir reglas de 'a'.

Si eso no funciona, trate de ser más específico, como en: ".button> a", solo seleccionando descendientes directos.

Si eso no funciona, mientras que es una mala práctica, siempre se puede marcar sus estilos tan importante, así:

color: #fff !important; 

esto va a exigir que se analizan pasado.