Come selezionare tutte le pseudo-classi in CSS?

Question

Ho un pulsante e volevo sapere se è possibile rendere più breve il css muggito.

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

Voglio dire, forse:

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

Forse non v'è alcun modo più breve, ma volevo solo sapere. Ho trovato qualcosa di simile a questo:

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

Ma non funzionava, non so perché .. Per informazioni - ho css generale per una nella parte superiore del file:

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

Quindi la classe del pulsante a dovrebbe sovrascrivere il principale un css.

Answer 1

.button a è tutto ciò che serve

ho sempre impostare uno stile di default su a e Target classi pseudo solo quando ho bisogno di avere un effetto diverso.

Modifica per includere correzione dai commenti:

Perché uno stile predefinito per l'elemento è dichiarato come:

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

nella parte superiore del foglio di stile, abbiamo bisogno di renderlo body .button a da aumentando la selettività aumentiamo l'importanza degli stili applicati.

Answer 2

Qui ci sono alcune cose da provare

assicurarsi che il vostro foglio di stile ha una regola per "apri un un" - anche assicurarsi che questo foglio di stile è incluso dopo quella globale che definisce le regole per la 'a'.

Se ciò non funziona, prova ad essere più specifico, come in: ".button> a", selezionando solo i discendenti diretti.

Se questo non funziona, mentre è cattiva pratica, si può sempre segnare i vostri stili come importante, in questo modo:

color: #fff !important; 

questo richiederà che essi vengono analizzati scorso.