1. Verwenden Sie eine vierstellige Zeichenfolge, um das Gewicht darzustellen. Jede Zahl stellt eine Ebene dar, wobei die Ebenen von links nach rechts abnehmen und es keinen Übertrag zwischen den Ebenen gibt.
Der Beitragswert jedes Selektors wird zum endgültigen Gewichtswert addiert.
2. Die Gewichtung des geerbten Stils beträgt 0. Inline-Stile haben eine größere Gewichtung als alle Selektoren.
! Der wichtige Befehl gibt die Priorität an.
Bei gleichen Gewichten kommt die Kaskadierung zum Einsatz.
Beispiel
#box ul li a.cur {color:red;} #box li .cur {color:green;} #box ul li a.cur Das Gewicht beträgt 100+1+1+1+10 = 113 #box li .cur Das Gewicht beträgt 100+1+10 = 111
Die oben genannten Regeln zur Berechnung der CSS-Gewichtung sind hoffentlich für alle hilfreich.