属性选择符
属性选择符可以分为四大类
- 简单属性选择符
- 精确属性值选择符
- 部分匹配属性值选择符
- 起始值属性选择符
简单属性选择符：
如果想选择具有某个属性的元素，而不管属性的值是什么，可以使用简单属性选择符；
如：选择具有class属性的h1元素；
<h1 class="aaa"></h1>
h1[class] {color:red;}
使用通配符选择所有有title属性的元素
*[title] {cloro:red;}
选择同时具有多个属性的元素
a[href][title] {color:black;}
精准属性值选择符
选择属性为特定值的元素；
如：
<a title="test" class="aaa ccc">bb</a>
选择单个属性值
a[title="test"] {}
选择多个属性
a[title="test"][class="aaa ccc"] {}
属性值需要与指定的值完全一样；
部分匹配属性值选择符 和 起始值属性选择符
意思是根据属性值的一部分选择元素；
主要有以下几个：
[foo|="bar"]: 选择元素有foo属性,而且值是已bar-开头或为bar的元素
[foo~="bar"] 选择的元素有foo属性，而且值包含bar这个词的一组词；
[foo*="bar"] 选择的元素有foo属性，而且值包含bar字符串；
[foo^="bar"] 选择的元素有foo属性，而且值已bar字符串开头；
[foo$="bar"] 选择的元素有foo属性，而且值以bar字符串结尾；
以上选择符在结束的方括号前加上字符i,在匹配属性值得时候会不区分大小写；只对值起作用，对属性无感；
