【基础选择器】
ID选择器：效率最高，特异性高，唯一 / #ID{}
类选择器：效率不错，跟ID选择器不会有太大差异，推荐使用 / .list-item{}
通配选择器：效率不高，不建议使用 / *{}
标签选择器：效率不是很高，比通配好点 / h1{}
属性选择器：效率不高，但是灵活，使用的时候要设置生效的范围，比如 a[href] / .link[href]
1.[herf]
2.[attr = xxx] // 注：xxx 必须跟 HTML 完全相等
3.[attr |= xxx] //注：用于对 xxx 和 xxx 一起使用，但不会对下划线 _ 生效
4.[attr ^= xxx] //注：只要是 xxx 开头的都可以，实际上是用正则匹配属性值
5.[attr $= xxx] //注：跟 ^=xxx 相似，正则匹配的方式来选择属性以x
xx结尾元素
6.[attr *= xxx] //注：最宽的，不用考虑属性所在的位置
