CSS（層疊樣式表）在前端開發中扮演著非常重要的角色。在CSS中，樣式的應用順序被稱為“層疊順序”，這個順序由CSS權值決定。CSS權值圖用來表示不同選擇器的權重，這有助于理解CSS的層疊機制。

選擇器            權值
#id                  100
.class              10
element             1

上面的權值圖顯示了三種選擇器的權值。在一個選擇器中，如果包含了更多的ID選擇器，那么這個選擇器的權值就會更高。如果有沒有ID選擇器，但是有更多的類選擇器，那么這個選擇器的權重則會低于使用了ID選擇器的選擇器。如果兩個選擇器都不使用ID選擇器或類選擇器，那么這兩個選擇器的權值相等。

除了上面列舉的幾種選擇器，CSS還可以使用偽類選擇器和屬性選擇器等。它們的權值與類型選擇器相同。如果有多個選擇器的權值相同，那么后面的選擇器會覆蓋前面的選擇器。

最終的權重決定了應用于元素的樣式。如果不同樣式的權重相同，則后面的樣式將覆蓋前面的樣式，因為后面的選擇器的作用范圍更大。此外，!important聲明可用于確保元素為特定樣式而放棄所有其他樣式。