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

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

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

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

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

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

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

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

nth-cild(2N+5)表示從第五行開始的奇數(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)在父級里從一個(gè)元素開始查找，不分類型

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

注意

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

1.層次選擇器

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

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

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

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

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

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://開頭

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

網(wǎng)頁標(biāo)題：css有什么基本選擇器和高級選擇器-創(chuàng)新互聯(lián)
路徑分享：http://m.newbst.com/article32/hjisc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設(shè)、網(wǎng)站改版、定制網(wǎng)站、小程序開發(fā)、移動(dòng)網(wǎng)站建設(shè)、做網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)