在CSS中,當多個CSS規則作用于同一個元素時,就需要計算CSS的權重來確定元素的最終樣式。CSS權重計算的規則如下:
權重級別 選擇器的示例 權重值 ● 1 * 0 ● 2 標簽選擇器 1 ● 3 類選擇器 10 ● 4 ID選擇器 100 ● 5 行內樣式 1000 ● 6 !important ∞
上述規則中,權重值越大,優先級越高。其中星號(*)表示通配符選擇器,可以匹配所有元素,其權重為0。標簽選擇器的權重為1,表示盡管標簽選擇器比通配符選擇器更具體,但是選擇器的權重也相對較低。類選擇器的權重為10,表示在多個類選擇器中,選擇的元素是具有較高權重的。ID選擇器的權重為100,表示ID比類選擇器更具有優先級。行內樣式的權重為1000,表示行內樣式最具有優先級。!important關鍵字可以覆蓋所有的權重,使其優先級最高。
當幾個規則的權重相同時,優先以靠近元素的樣式表為準。因此,在應用多個樣式表的情況下,最后一個樣式表中定義的規則將具有更高的優先級。
需要注意的是,如果兩個ID選擇器具有相同的權重,則后定義的ID選擇器將會覆蓋先定義的ID選擇器。如果規則中包含!important關鍵字,則不必考慮規則的權重,而是將其視為最高優先級的樣式。
上一篇nuget vue
下一篇mysql二級緩存缺點