结构伪类选择器
作用:根据元素在HTML中的结构关系查找元素
优势:减少对于HTML中类的以来,有利于保持代码整洁
场景:常用于查找某父级选择器中的子元素
选择器 | 说明 |
E:first-child { } | 匹配父元素中第一个子元素,并且是E元素 |
E:lastt-child { } | 匹配父元素中第一个子元素,并且是E元素 |
E:nth-child (n) { } | 匹配父元素中第一个子元素,并且是E元素 |
E:nth-last--child(n) { } | 匹配父元素中第一个子元素,并且是E元素 |
li:first-child{
background-color: red;
}
li:last-child{
background-color: green;
}
li:nth-child(2){
backgrou