CSS基本选择器、层次选择器、结构伪类选择器、属性选择器
目錄
基本選擇器
1.標簽選擇器?
?2.類選擇器
3.ID選擇器
層次選擇器
結構偽類選擇器
屬性選擇器
基本選擇器
1.標簽選擇器?
?2.類選擇器
3.ID選擇器
?
層次選擇器
| 選擇器 | 類???型 | 功能描述 |
| E?F | 后代選擇器 | 選擇匹配的F元素,且匹配的F元素被包含在匹配的E元素內 |
| E>F | 子選擇器 | 選擇匹配的F元素,且匹配的F元素是匹配的E元素的子元素 |
| E+F | 相鄰兄弟選擇器 | 選擇匹配的F元素,且匹配的F元素緊位于匹配的E元素后面 |
| E~F | 通用兄弟選擇器 | 選擇匹配的F元素,且位于匹配的E元素后的所有匹配的F元素 |
結構偽類選擇器
| 選擇器 | 功能描述 |
| E:first-child | 作為父元素的第一個子元素的元素E |
| E:last-child | 作為父元素的最后一個子元素的元素E |
| E?F:nth-child(n) | 選擇父級元素E的第n個子元素F,(n可以是1、2、3),關鍵字為even、odd |
| E:first-of-type | 選擇父元素內具有指定類型的第一個E元素 |
| E:last-of-type | 選擇父元素內具有指定類型的最后一個E元素 |
| E?F:nth-of-type(n) | 選擇父元素內具有指定類型的第n個F元素 |
屬性選擇器
| 屬性選擇器 | 功能描述 |
| E[attr] | 選擇匹配具有屬性attr的E元素 |
| E[attr=val] | 選擇匹配具有屬性attr的E元素,并且屬性值為val(其中val區分大小寫) |
| E[attr^=val] | 選擇匹配元素E,且E元素定義了屬性attr,其屬性值是以val開頭的任意字符串 |
| E[attr$=val] | 選擇匹配元素E,且E元素定義了屬性attr,其屬性值是以val結尾的任意字符串 |
| E[attr*=val] | 選擇匹配元素E,且E元素定義了屬性attr,其屬性值包含了“val”,換句話說,字符串val與屬性值中的任意位置相匹配 |
總結
以上是生活随笔為你收集整理的CSS基本选择器、层次选择器、结构伪类选择器、属性选择器的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 共享充电宝代理赚钱吗 收益有多高一般人
- 下一篇: CSS文件加密保护