子元素选择器：选择指定元素的子元素（子元素指的是孩子，并不包含孙子…）。格式为：<father> > <child>。
属性选择器: 选择具有指定属性或指定属性具有特定值的元素。格式为：<selector>[<attribute1>][<attribute2>]或<selector>[<attribute1>="<value1>"][<attribute2>="<value2>"]。
部分匹配属性值：<selector>[<attribute>*="<value>"] 表示只要<attribute>属性中包含<value>值即可。
相邻兄弟选择器：选择(紧挨着的)相邻的兄弟的元素。格式为：<selector1> + <selector2>。表示选择紧跟在selector1后面的selector2。
伪类选择器：
<selector>:first-child{…} . 当<selector>为某个元素的第一个子元素时应用样式。
<selector>:focus{…} . 当<selector>拥有键盘输入焦点时应用样式。
a:link{…} . 当<a>未被访问过时应用样式。
a:visited{…}. 当<a>已被访问时应用样式。
a:hover{…} . 当鼠标悬浮在<a>上时应用样式。（随着移动设备的越来越流行，我们发现移动设备是没有鼠标的，因此没有hover这个概念，hover变得不那么重要了。）
a:active{…}. 当<a>被激活(激活指的是鼠标按下且未松开的这段时间)时应用样式。
注意：在css中一定要以：link -> visited -> hover -> active 的顺序进行声明！！！！
伪元素选择器：
<selector>:first-line{…}. 选择<selector>的第一行。注意：<selector>必须是块级元素。
<selector>:first-letter{…}. 选择<selector>的第一个字母。注意：<selector>必须是块级元素。
<selector>:before{content:"…"}. 在<selector>的前面插入内容。例如：h1:before{content:url(1.jpg)}表示在<h1>前面插入一张图片。
<selector>:after{content:"…"}. 在<selector>的后面插入内容。
选择器分组：多个选择器可以用逗号（,）隔开，表示同时对多个选择器设置样式。格式为：<selector1>,<selector2>,<selector3>{…}
应用：
1.选择一个有序列表中的第三行：ol > li:first-child + li + li
2.选择class="c1"的div：div.c1
选择器定义准则：
1.最常用的选择器：id选择器、class选择器。
2.尽量少使用复杂层级关系。
