您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關CSS中選擇器的選擇原則是什么的內容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
在CSS中,會根據選擇器的特殊性來決定所定義的樣式規則的次序,具有更特殊選擇器的規則優先于具有一般選擇器的規則,如果兩個規則的特殊性相同,那么后定義的規則優先。
那么,又怎么來計算選擇器的特殊性呢?
我們把特殊性分為4個等級,每個等級代表一類選擇器,每個等級的值為其所代表的選擇器的個數乘以這一等級的權值,最后把所有等級的值相加得出選擇器的特殊值。
四個等級的定義如下:
1. 第一等:代表行內樣式,如: style=””,權值為1000。
2. 第二等:代表ID選擇器,如:#content,權值為100。
3. 第三等:代表類,偽類和屬性選擇器,如.content,權值為10。
4. 第四等:代表類型選擇器和偽元素選擇器,如div p,權值為1。
注意:通用選擇器(*),子選擇器(>)和相鄰同胞選擇器(+)并不在這四個等級中,所以他們的權值都為0。
理解選擇器的特殊性很重要,特別是在修復bug的時候,因為你需要了解哪些規則優先及其原因。至于具體的應用,我們放到后面的再做具體的講解。
最后我們再說一下選擇器如何使用,原則有三點:
1. 選擇可以準確的找到要控制的標簽;
2. 使用最合理的優先級的選擇器;
3. 還要是html和css看起來簡潔美觀可讀性強。
感謝各位的閱讀!關于“CSS中選擇器的選擇原則是什么”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。