1.存在属性和值属性选择器
- [attr]: 具有attr属性的元素
- [attr=val]:attr属性仅为val的元素
- [attr~=val]: attr属性包含val的元素
- [attr*=val]:attr属性包含val字符串的元素
- [attr^=val]:attr属性的值以val开头(包括val)的元素
- [attr$=val]:attr属性的值以val结尾(包括val)元素
- [attr|=val]:attr属性的值以val-开头(包括val)的元素
2.易混淆选择器
.val1.val2 选择class属性同时具有val1 val2属性的标签(还有其他属性/值也可)
.val1 .val2 选择val1的val2后代(还有其他属性/值也可)
同理
[attr1][attr2] 同时具有attr1和attr2属性的标签
[attr1] [attr2] 具有attr1属性的具有attr2属性的后代
3.常用选择器
- 第偶数个元素: nth-child(even)
- 第每n个元素
- 最后一个元素
- 子代选择器 div > div,后代选择器 div div
很常用,尤其在小程序css文件不可用嵌套写法的时候