CSS属性选择器，易混淆选择器，常用选择器

1.存在属性和值属性选择器

1. ［attr]: 具有attr属性的元素
2. ［attr=val]：attr属性仅为val的元素
3. ［attr~=val]: attr属性包含val的元素
4. ［attr*=val]:attr属性包含val字符串的元素
5. ［attr^=val]:attr属性的值以val开头(包括val)的元素
6. ［attr$=val]:attr属性的值以val结尾（包括val）元素
7. ［attr|=val]:attr属性的值以val-开头(包括val)的元素

2.易混淆选择器

.val1.val2 选择class属性同时具有val1 val2属性的标签(还有其他属性/值也可）
.val1 .val2 选择val1的val2后代(还有其他属性/值也可)
同理
[attr1][attr2] 同时具有attr1和attr2属性的标签
[attr1] [attr2] 具有attr1属性的具有attr2属性的后代

3.常用选择器

1. 第偶数个元素： nth-child(even)
   
   
2. 第每n个元素
   
3. 最后一个元素
   
4. 子代选择器 div > div，后代选择器 div div
   很常用，尤其在小程序css文件不可用嵌套写法的时候