1.属性选择器
用法：
举例：
2.结构伪类选择器：
普通用法：
特殊用法：
举例：
<head>
<style>
div:nth-child(1){
background-color:pink;
}
div:nth-child(2){
background-color:red;
}
/*下面这个写法选不到span*/
div span:nth-child(1){
background-color:green;
}
/*这样才能选到div里的第一个span*/
div span:nth-child(2){
background-color:green;
}
</style>
</head>
<body>
<div>
<p>我是p</p>
<span>我是span</sapn>
<span>我是span</sapn>
<span>我是span</sapn>
</div>
</body>总结：nth-child(n) 选择的是父元素里的第n个孩子，他不管里面的孩子是否是同一类型。
按类型选择：
注：ul里面只允许放li，所以 nth-child 和 nth-of-type 就一样了。
3.伪元素选择器
3.1
用法：
举例：
注意：
伪元素图标：
结果：
2038
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
