1:通配选择器 *{ }
2：类型选择器 body{ }, p{ }
3：后代选择器 elem1ent element2{ } body ul li{ }
4:子选择器 elem1ent > element2{ } div>p{ } //比后代选择器更加的严格
5：相邻兄弟选择器 element1+element2
6：类选择器：element1.classname{ } element1.classname1.classname2{ }
7:ID 选择器 element#idname{ }
8:简单属性选择器 element[attr] p[class]{ }
9:具体属性选择器 element[attr="value"] p[class="text"]{ }
10:部分属性值选择器 element1[attr~="value"] p[class~=“warning]{ }
11:任意子串选择器 element1[attr*="substring"] a[href*=.com]{ }
伪类和伪元素
:active
:after
:before
:first-child
:first-leter
:first-line
:focus
:hover
:lang
:link
:visited
