1. id选择器(#myid) 根据id的值选择元素
2. 类选择器(.myclassname) 根据class的值选择元素
3. 标签选择器(div,h1,p) 根据标签选择元素
4.相邻选择器/兄弟选择器(h1+p) 匹配紧跟第一个选择器，并且匹配第二个选择器内的元素，如紧跟h1元素后的p元素
5.子选择器(ul>li) 匹配第二个选择器，且为第一个选择器内元素的后代
6.后代选择器(li a) 先匹配第二个选择器的元素，并且属于第一个选择器内
7.通配符选择器(*) 选择所有元素
8.属性选择器(a[rel="external"]) 根据属性选择元素
9.伪类选择器(a:hover,li:nth-child) 伪选择器不是直接对应HTML 中定义的元素，而是向选择器增加特殊效果
伪元素
伪类
10 并集选择器（em,strong{}） 同时匹配多个选择器，取多个选择器的并集
选择器权重
ID选择器 #id{} +100
类 属性 伪类 +10
元素 伪元素 +1
其他选择器 +0
注意例外事项
!importtant 优先级最高
元素属性 优先级最高
相同权重 后写的生效
