在CSS的樣式優先級中,權重起著至關重要的作用。權重是由選擇器的個數和類型組成的一個值,會決定哪一個規則在兩個或多個規則應用到同一個元素時被應用
權重計算的公式是:ID屬性值數量*100 + CLASS屬性值數量* 10 + 標簽屬性值數量。
其中ID選擇器是樣式優先級最高的元素,它的權重值是100。CLASS選擇器的權重值是10,標簽選擇器的權重值為1。因此,如果一個樣式規則中有多個ID屬性值、CLASS屬性值和標簽屬性值,那么它們的權重相加就是該樣式規則的總權重。
/* 該規則中含有一個ID選擇器,一個CLASS選擇器和一個標簽選擇器*/ #logo .nav li { color: #fff; background: #333; } /*該規則的權重計算方式為:1*100 + 1*10 + 3*1 = 113*/
如果兩個或更多的樣式規則具有相同的權重值,則應用最近聲明的樣式規則。
權重的計算方式可以幫助開發人員更好地控制樣式的優先級,以確保HTML頁面看起來像預期的那樣。
上一篇mysql怎么篩選字符串
下一篇css條件注釋法