1.标签选择器 2.id选择器 3.类选择器 4.普遍选择器
5.父子选择器 空格：后代选择器，后面所有的后代 > ：子集选择器，后面的子代
6.兄弟选择器 + ：选择的是紧跟着选择器的标签 ~ ：选择的是选择器后面所有同级标签
7.组合选择器 交集选择器： 并级选择器：逗号相连接
8.属性选择器 [type = text] [type$=t] 有type属性，并且值以t结尾 [type^=t] 有type属性，并且值以t开头 [type*=t] 有type属性，并且值中含有t [class~=two] class中包含类名two的
9.伪类选择器 a.同级别的 p:first-child: p:last-child: p:only-child: 匹配属于父元素中唯一子元素的 p 元素 p:nth-child(n): 同级别中第一个子元素 p:nth-child(odd): 同级别中所有的奇数标签 p:nth-child(even): 同级别中所有的偶数标签 b.同类型（防止同级别中类型不同而难以选择） p:first-of-type：同级别中同类型的第一个标签 p:last-of-type：同级别中同类型的最后一个标签 p:nth-of-type(n)：同级别中同类型的第n个标签
10.伪元素选择器 div::before{ content:‘aaa’ }
div::after{ content:'aaa' } p::first-letter{ 选中第一个字符 } div::first-line{ 选中一行 } input::selection{ 选中被选择的 }优先级
1.!important 2.若选择器权重相同，则就近 3.行内：1000 id选择器: 100 类选择器，属性选择器，伪类选择器：10 标签选择器，伪元素选择器：1
