Wie wählt man alle Pseudo-Klassen in CSS?

Question

Ich habe einen Knopf und ich wollte wissen, ob es möglich ist, das css nach unten kürzer zu machen.

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

Ich meine vielleicht:

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

Vielleicht nicht kürzerer Weg gibt es, aber ich wollte nur wissen. fand ich so etwas wie diese aus:

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

Aber es funktioniert nicht, weiß nicht, warum .. Informationen - ich allgemeinen CSS für ein in der Spitze der Datei habe:

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

Also die Schaltfläche Klasse a sollte die Haupt-CSS überschreiben.

Answer 1

.button a ist alles, was Sie brauchen

Ich habe immer einen Standardstil auf a, und nur Pseudoklassen zielen, wenn ich eine andere Wirkung haben müssen.

bearbeiten fix aus Kommentare enthalten:

Da ein Standardstil für das ein Element wie deklariert wird:

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

an der Spitze des Stylesheets, müssen wir es machen body .button a durch zunehmende Selektivität erhöhen wir die Bedeutung der angewandten Stile.

Answer 2

Hier sind einige Dinge zu versuchen

sicherstellen, dass Ihr Sheet eine Regel für „.Taste a“ - auch diese Sheet stellen Sie sicher, nach dem global enthalten Regeln für ‚a‘ zu definieren.

Wenn das nicht funktioniert, versuchen Sie, genauer zu sein, wie in: ".button> a", nur direkte Nachkommen auswählen.

Wenn das nicht funktioniert, während es schlechte Praxis ist, könnte man immer markieren Sie Ihre Stile so wichtig, wie so:

color: #fff !important; 

dies verlangen, dass sie zuletzt analysiert werden.