CSSスタイル上書き規則2

1175 ワード


ルール4:スタイルの重み値が同じで、後者が勝つ.< p class = "byline" >Written by < a class = "email" href = "mailto:jean@cosmofarmer. com" >Jean Graine de Pomme</ a ></ p >
 
1
2 .byline a { color : red ;} p .email { color : blue ;}
「.bylinea」と「p.Email」は、上記のa要素を直接指定し、重み値は11で、ルール4に従って最終的に青色を表示します.
スタイルシートは外部であっても内部であってもよいため、ルール4では、外部スタイルシートが導入する順序(要素の順序)、および外部スタイルシートと内部スタイルシートの出現位置に注意するように注意してください.一般的に、内部スタイルシートは、すべての外部スタイルシートの導入後、一般的にの前に表示されます.
ルール5:!importantのスタイルプロパティは上書きされません.
!importantはやむを得ない時、上記の4つのルールを破った「金指」と見ることができる.上書きせずにスタイルプロパティを使用する必要がある場合は、プロパティ値の後に追加できます.important、ルール4の例を例にとると、」.byline a {color:red !important;}”リンクに赤を強制的に表示させることができます.ほとんどの場合、スタイルのオーバーライドを他の方法で制御でき、乱用できません.important.