属性选择器可以根据元素特定属性的来选择元素,这样就可以不用借助于类或者id选择器
| 属性选择器 | 说明 |
| — | — |
| E[att] | 选择具有att属性的E元素 |
| E[att=“val] | 选择具有att属性且属性值等于val的E元素 |
| E[att^ =“val”] | 匹配具有att属性且值以val开头的E元素 |
| E[att$=“val”] | 匹配具有att属性且以val结尾的E元素 |
| E[att*=“val”] | 匹配具有att属性且值中含有val的E元素 |
比如:
必须是input 但是同时具有value这个属性 选择这个元素
div input[value] {
color=“red”;
}
2.结构伪类选择器
2.1: nth-child(n)
E:nth-child(n)选择某个父元素的一个或多个特定的子元素
n可以是数字,关键字、公式
n如果是数字,就是选择第n个子元素,里面的数字从1开始
n可以是关键字:even偶数行,odd奇数行
n可以是公式:常见的公式如下(如果n是公式,则是从0开始计算的,但是第0 个元素或者超出了元素的个数会被忽略)
公式:
| 公式 | 说明 |
| — | — |
| 2n | 偶数 |
| 2n