CSSセレクタは、重量の優先順位を知る権利、重要な優先順位を表示する権利を持っています。
しかし、一部の人は知らないかもしれない、重量値が計算され重畳することができます
<！DOCTYPE HTML>
<HTML>
<HEAD>
<メタ文字セット= " UTF-8 " >
<title>要素</ TITLE>
<スタイル>
.classArea {
幅：100pxに。
高さ：100pxに。
背景：赤;
}
#idArea {
背景：黄色。
}
＃idArea {DIV
背景：ピンク。
}
</スタイル>
</ HEAD>
<BODY>
<divのクラス = "" idArea " > </ div>
</ BODY>
</ HTML>
分析：
{表示// 重量1
色ブルー
}
.ele { // 重量で10
色：赤
}
#ele { // 重量で100
色：ピンク
}
ビューELE位{ // 100 + 1 = 101、優先度の重み最高レベルの、素子の色オレンジ
色：オレンジ
}
view.ele { // 10の重量= + 11 1
色：緑
}
。