css選擇器種類有哪些

這篇文章主要介紹css選擇器種類有哪些，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

　　一、標(biāo)簽名選擇器

　　根據(jù)指定的標(biāo)簽名，在當(dāng)前界面中找到所有該名稱的標(biāo)簽，然后設(shè)置屬性。

　　標(biāo)簽選擇器選定的是當(dāng)前界面中所有該名稱的標(biāo)簽，而不能單獨(dú)選定某一標(biāo)簽；標(biāo)簽選擇器無論標(biāo)簽藏得多深都能找到；只要是HTML中的標(biāo)簽都可以作為標(biāo)簽選擇器。

　　二、類選擇器

　　根據(jù)指定的類名稱找到對(duì)應(yīng)的標(biāo)簽，然后設(shè)置屬性。

　　每一個(gè)HTML標(biāo)簽都有class屬性，也就是說每個(gè)標(biāo)簽都可以設(shè)置class；在同一個(gè)界面中class是不可重復(fù)的；在編寫id選擇器的時(shí)候class前一定要加.；類名的命名規(guī)范和id命名規(guī)范是一樣的；類名就是專門給某個(gè)特定的標(biāo)簽設(shè)置樣式的；在HTML中每個(gè)標(biāo)簽都可以同時(shí)綁定多個(gè)類名。

　　三、ID選擇器。

　　根據(jù)指定的id名稱找到對(duì)應(yīng)的標(biāo)簽，然后設(shè)置屬性。

　　每一個(gè)HTML標(biāo)簽都有id屬性，也就是說每個(gè)標(biāo)簽都可以設(shè)置id；在同一個(gè)界面中id是不可重復(fù)的；在編寫id選擇器的時(shí)候id前一定要加#；id的名稱是有一定的規(guī)范的。id的名稱只能有字母、數(shù)字、下劃線組成；不能以數(shù)字開頭；不能是關(guān)鍵字；在企業(yè)開發(fā)中一般如果僅僅是為了設(shè)置樣式，我們不會(huì)使用id，應(yīng)為id是為了給js使用的。

　　0df1f70c2c7dfe407f3cb5c627f9500.png

　　css優(yōu)先級(jí)高低排列怎么劃分的？

　　一般而言，選擇器越特殊，它的優(yōu)先級(jí)越高。也就是選擇器指向的越準(zhǔn)確，它的優(yōu)先級(jí)就越高。

　　通常我們用1表示標(biāo)簽名選擇器的優(yōu)先級(jí)，用10表示類選擇器的優(yōu)先級(jí)，用100標(biāo)示ID選擇器的優(yōu)先級(jí)。

　　比如上例當(dāng)中.polarisspan{color:red;}的選擇器優(yōu)先級(jí)是10+1也就是11；而.polaris的優(yōu)先級(jí)是10；瀏覽器自然會(huì)顯示紅色的字。理解了這個(gè)道理之后下面的優(yōu)先級(jí)計(jì)算自是易如反掌：

　　div.test1.spanvar優(yōu)先級(jí)1+10+10+1

　　span#xxx.songsli優(yōu)先級(jí)1+100+10+1

　　#xxxli優(yōu)先級(jí)100+1

　　對(duì)于什么情況下使用什么選擇器，用不同選擇器的原則是：

　　第一：準(zhǔn)確的選到要控制的標(biāo)簽；

　　第二：使用最合理優(yōu)先級(jí)的選擇器；

　　第三：HTML和CSS代碼盡量簡(jiǎn)潔美觀。

以上是“css選擇器種類有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！