在CSS中,如果多個選擇器應用于同一個元素,那么樣式的應用會按照選擇器的權重順序進行排序。
權重級別: - 內聯樣式(如: style=””) – 1000個權值 - ID選擇器 – 100個權值 - 類,偽類和屬性選擇器 – 10個權值 - 元素和偽元素選擇器 – 1個權值
如果有多個選擇器應用于相同的元素,則優先級將由其選擇器的權重確定。
例如:
/* ID選擇器 */ #sidebar { background-color: red; } /* 類選擇器 */ .sidebar { background-color: blue; } /* 元素選擇器 */ div { background-color: green; } /* 元素選擇器 */ p { background-color: purple; }
如果這四個選擇器都應用于同一個元素,那么它的背景顏色將是紅色,因為ID選擇器的權重高于類、元素選擇器。
可以使用多個選擇器組合在一起來選擇元素,并且它們的權重會被相加。
例如:
/* ID選擇器 */ #sidebar { background-color: red; } /* 類選擇器 */ .sidebar { background-color: blue; } /* 組合選擇器 */ #sidebar.sidebar { background-color: pink; }
此時,元素的背景顏色將是粉紅色,因為組合選擇器的權重高于單獨的ID或類選擇器。
總之,在CSS中,選擇器的權重非常重要,它們的優先級將決定哪些樣式將應用于元素。
上一篇ajax報404錯誤之后
下一篇ajax攔截跳轉頁面跳轉