基础选择器

【基础选择器】

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] //注：最宽的，不用考虑属性所在的位置