属性选择器

5个基本的属性选择器

1. 通过属性名选择器

[属性名字] {}  匹配的是拥有这个属性的元素
[class] { }
[id] { }
[a] { }  a自定义属性

2.属性名和属性值去选择元素

[属性名=“属性值”] {}

3. 属性名，属性值，^

^ 以什么字符开头
[属性名^="xxx"]  匹配的是拥有此属性的，并且属性值以xxx开头的元素

不要给属性值后面或者选择器里加上空格 因为空格也是字符

4.属性名，属性值，*

[属性名*="xxx"] 匹配的是拥有此属性的并且属性值里包含xxx这些字符的元素

5.属性名,属性值,$

[属性名$="xxx"] 匹配的是拥有此属性的并且属性值以xxx结尾的元素

设置精灵图就可以使用这个，减少很多代码量。