CSS中的優先級是指當樣式屬性存在沖突時,瀏覽器如何選擇哪個樣式應用于元素。在CSS中,有三個優先級:元素選擇器,類選擇器/偽類選擇器,以及ID選擇器。選擇器的優先級可以通過計算權重來確定。
權重的計算規則如下:
- 元素選擇器的權重為1 - 類選擇器/偽類選擇器的權重為10 - ID選擇器的權重為100 - 內聯樣式的權重為1000
具體來說,如果存在以下CSS樣式:
p{ color: red; } .example{ color: blue; } #paragraph{ color: green; }
則,如果一個元素同時擁有`class="example"`和`id="paragraph"`,那么它的顏色將是綠色,因為ID選擇器具有最高優先級。
在某些情況下,可能有多個選擇器擁有相同的優先級。在這種情況下,最后聲明的樣式將覆蓋先前聲明的樣式。
例如:
p{ color: red; } .example{ color: blue; } p{ color: green; }
對于`
`元素,它將具有藍色的文本顏色,因為最后一個`p`選擇器聲明了green顏色,覆蓋了先前聲明的red顏色。
在CSS中,還有一些其他的選擇器類型,例如屬性選擇器和后代選擇器。這些選擇器的權重規則類似,但還有其他考慮因素,例如選擇器的規則專用性和詳細程度。