這篇文章給大家分享的是有關(guān)css有什么基本選擇器和高級(jí)選擇器的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧。

創(chuàng)新互聯(lián)公司2013年至今，先為吐魯番等服務(wù)建站，吐魯番等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為吐魯番企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。

ID選擇器>類(lèi)選擇器>標(biāo)簽選擇器

行內(nèi)樣式>內(nèi)部樣式>外部樣式

*結(jié)構(gòu)偽類(lèi)選擇器 一旦設(shè)置 不管在行內(nèi)還是在后面重新設(shè)置，都沒(méi)辦法改變

*結(jié)構(gòu)偽類(lèi)選擇器設(shè)置奇偶行以及從第三行開(kāi)始變色如何實(shí)現(xiàn)

nth-cild(2N+3)表示從第三行開(kāi)始的奇數(shù)行

同理 nth-child(2N+4)表示從第四行開(kāi)始的偶數(shù)行

nth-cild(2N+5)表示從第五行開(kāi)始的奇數(shù)行

*設(shè)置前三個(gè)：

p:nth-child(-n+3){

background-color: #b3d4fc;

}

*使用E F:nth-child(n)和E F:nth-of-type(n)的 關(guān)鍵點(diǎn)

E F:nth-child(n)在父級(jí)里從一個(gè)元素開(kāi)始查找，不分類(lèi)型

E F:nth-of-type(n)在父級(jí)里先看類(lèi)型，再看位置

注意

child 跟子選擇器沒(méi)有關(guān)系，可以是子選擇，也可以是后代選擇 由層次選擇器 (如table tr）來(lái)控制

1.層次選擇器

table td 后代選擇器 td包含在table里

div>p子選擇器 p是div的子元素

p1+p p1后面一個(gè)兄弟p變化 是對(duì)p進(jìn)行處理 p1不變 而且只是下面相鄰的變化 上面相鄰不變化

p1~p p1后面所有兄弟p變化 p1不變

2.結(jié)構(gòu)偽類(lèi)選擇器

P:first-child 作為父元素的第一個(gè)子元素得元素 p

P:last-child 作為父元素的最后一個(gè)子元素得元素 p

P a :nth-child(n) p中第n個(gè)a元素 （even）（odd）

p:first-of-type 必須是p元素 不是子元素也行

p a:nth-of-type(n)

必須是a元素 不是a的子元素也行

3.屬性選擇器

a[id] a標(biāo)簽中含有id的

a[id=111] a標(biāo)簽中的id=111的

a[href*=http] a標(biāo)簽中包含href屬性 且都包含http

a[href&=png] a標(biāo)簽中包含href屬性 且最后以png結(jié)尾

a[href^=http://] a標(biāo)簽中包含href屬性且以http://開(kāi)頭

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

文章名稱：css有什么基本選擇器和高級(jí)選擇器-創(chuàng)新互聯(lián)
標(biāo)題來(lái)源：http://weahome.cn/article/hjisc.html