CSS基本选择器、层次选择器、结构伪类选择器、属性选择器
目錄
基本選擇器
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)題。
- 上一篇: 共享充电宝代理赚钱吗 收益有多高一般人
- 下一篇: 当兵5年回来能当小学老师吗