CSS wirkt seltsam

Question

Ich habe folgenden CSS-Code:

.tag { 
    display: inline; 
    font-size: 10px; 
    padding: 5px; 
    color: #FFF; 
    background-color: #444; 
} 

.tag:hover { 
    font-size: 10px; 
    padding: 5px; 
    color: #FFF; 
    background-color: #666; 
} 

abgesehen von der Hintergrundfarbe und einer mit dem display: inline, gibt es keinen Unterschied, nicht wahr? Nun, wenn das .tag div entsteht, hat es weißen Text, aber keine Hintergrundfarbe. es hat auch eine 12pt Schriftgröße und keine Polsterung. Aber es sieht perfekt aus, wenn ich darüber schwebe. Kann mir jemand sagen, warum er das macht?

Answer 1

Verwenden! Important

Answer 2

wird es nicht anders sein, wenn Sie nur diese 2 Klassen in Ihrer CSS-Datei/Skriptlet haben. aber es wird anders sein, wenn Sie mehr als 2 und auch mit anderen Klassen gemischt haben.

Ihr .tag könnte von anderen Klasse überbrückt werden Ich würde es debuggen mit Firefox + Firebug. Dieses Tool zeigt Ihnen, welche CSS-Klasse/Eigenschaften ist voeridden