在學習 CSS 的時候,我們會接觸到很多不同類型的選擇器,例如:id 選擇器、class 選擇器、標簽選擇器等等。這些選擇器不僅可以幫助我們更有效地選擇頁面中的元素,還有不同的優先級。
優先級的規則如下: 1. !important 2. 行內樣式(style) 3. id 選擇器 (#id) 4. 類(class)、屬性([type=xxx])、偽類(:hover) 5. 標簽(type,例如div、p) 6. 通配符(*) 7. 繼承樣式 8. 瀏覽器默認樣式這是一個段落
上面的例子展示了五個不同選擇器類型的樣式,同時還展示了他們在優先級方面的影響。在這個例子中,段落的樣式使用了標簽選擇器和類選擇器的組合。由于標簽選擇器的優先級低于類選擇器,所以類選擇器的樣式(如字體大小和顏色)被用于該段落,而標簽選擇器的樣式則被忽略。同樣,ID 選擇器的優先級比類選擇器還要高,所以 ID 選擇器的樣式(如字體大小和顏色)也被用于該段落。
使用選擇器時,一定要注意優先級的規則。如果相同的元素有多個樣式應用,那么就需要明確要應用哪些樣式。不同的優先級規則可以使我們更靈活的控制頁面的樣式,但同時也需要花更多的注意力避免混淆和編碼錯誤。