CSSスタイル上書き規則2
ルール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.