日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問(wèn) 生活随笔!

生活随笔

當(dāng)前位置: 首頁(yè) > 前端技术 > CSS >内容正文

CSS

CSS基本选择器、层次选择器、结构伪类选择器、属性选择器

發(fā)布時(shí)間:2024/10/8 CSS 73 豆豆
生活随笔 收集整理的這篇文章主要介紹了 CSS基本选择器、层次选择器、结构伪类选择器、属性选择器 小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

目錄

基本選擇器

1.標(biāo)簽選擇器?

?2.類選擇器

3.ID選擇器

層次選擇器

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

屬性選擇器


基本選擇器

1.標(biāo)簽選擇器?

?2.類選擇器

3.ID選擇器

?

層次選擇器

選擇器

類???型

功能描述

E?F

后代選擇器

選擇匹配的F元素,且匹配的F元素被包含在匹配的E元素內(nèi)

E>F

子選擇器

選擇匹配的F元素,且匹配的F元素是匹配的E元素的子元素

E+F

相鄰兄弟選擇器

選擇匹配的F元素,且匹配的F元素緊位于匹配的E元素后面

E~F

通用兄弟選擇器

選擇匹配的F元素,且位于匹配的E元素后的所有匹配的F元素

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

選擇器

功能描述

E:first-child

作為父元素的第一個(gè)子元素的元素E

E:last-child

作為父元素的最后一個(gè)子元素的元素E

E?F:nth-child(n)

選擇父級(jí)元素E的第n個(gè)子元素F,(n可以是1、2、3),關(guān)鍵字為even、odd

E:first-of-type

選擇父元素內(nèi)具有指定類型的第一個(gè)E元素

E:last-of-type

選擇父元素內(nèi)具有指定類型的最后一個(gè)E元素

E?F:nth-of-type(n)

選擇父元素內(nèi)具有指定類型的第n個(gè)F元素

屬性選擇器

屬性選擇器

功能描述

E[attr]

選擇匹配具有屬性attr的E元素

E[attr=val]

選擇匹配具有屬性attr的E元素,并且屬性值為val(其中val區(qū)分大小寫(xiě))

E[attr^=val]

選擇匹配元素E,且E元素定義了屬性attr,其屬性值是以val開(kāi)頭的任意字符串

E[attr$=val]

選擇匹配元素E,且E元素定義了屬性attr,其屬性值是以val結(jié)尾的任意字符串

E[attr*=val]

選擇匹配元素E,且E元素定義了屬性attr,其屬性值包含了“val”,換句話說(shuō),字符串val與屬性值中的任意位置相匹配

總結(jié)

以上是生活随笔為你收集整理的CSS基本选择器、层次选择器、结构伪类选择器、属性选择器的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。