CSS中選擇器的選擇原則是什么

發(fā)布時(shí)間：2022-03-10 10:04:34 來源：億速云閱讀：148 作者：小新欄目：web開發(fā)

這篇文章給大家分享的是有關(guān)CSS中選擇器的選擇原則是什么的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。

在CSS中，會(huì)根據(jù)選擇器的特殊性來決定所定義的樣式規(guī)則的次序，具有更特殊選擇器的規(guī)則優(yōu)先于具有一般選擇器的規(guī)則，如果兩個(gè)規(guī)則的特殊性相同，那么后定義的規(guī)則優(yōu)先。

那么，又怎么來計(jì)算選擇器的特殊性呢？

我們把特殊性分為4個(gè)等級，每個(gè)等級代表一類選擇器，每個(gè)等級的值為其所代表的選擇器的個(gè)數(shù)乘以這一等級的權(quán)值，最后把所有等級的值相加得出選擇器的特殊值。

四個(gè)等級的定義如下：

1. 第一等：代表行內(nèi)樣式，如: style=””，權(quán)值為1000。

2. 第二等：代表ID選擇器，如：#content，權(quán)值為100。

3. 第三等：代表類，偽類和屬性選擇器，如.content，權(quán)值為10。

4. 第四等：代表類型選擇器和偽元素選擇器，如div p，權(quán)值為1。

注意：通用選擇器（*），子選擇器（>）和相鄰?fù)x擇器（+）并不在這四個(gè)等級中，所以他們的權(quán)值都為0。

理解選擇器的特殊性很重要，特別是在修復(fù)bug的時(shí)候，因?yàn)槟阈枰私饽男┮?guī)則優(yōu)先及其原因。至于具體的應(yīng)用，我們放到后面的再做具體的講解。

最后我們再說一下選擇器如何使用，原則有三點(diǎn)：

1. 選擇可以準(zhǔn)確的找到要控制的標(biāo)簽；

2. 使用最合理的優(yōu)先級的選擇器；

3. 還要是html和css看起來簡潔美觀可讀性強(qiáng)。

感謝各位的閱讀！關(guān)于“CSS中選擇器的選擇原則是什么”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

向AI問一下細(xì)節(jié)

猜你喜歡