一、CSS的属性选择器
1、标签名[属性名]：选择含有给定属性的标签
2、标签名[属性名=值]：选择含有给定属性值的标签
3、标签名[属性名^=值]：选择给定属性值是以某个字符开头的
4、标签名[属性名$=值]：选择给定属性值是以某个字符结尾的
二、CSS的关系选择器：子元素选择器(用>进行连接)、相邻兄弟关系选择器(用+、~进行连接)
1、父标签 > 子标签
2、相邻兄弟关系选择器
(1)临近兄弟选择器：同一个父元素、第二个元素必须紧跟在第一个元素后
(2)普通兄弟关系：同一父元素下的元素
三、复合选择器：用逗号分隔
span,#gl,.hm{
color: green;
font-size: 45px;
}四、子元素选择器
#parent p {
font-family: '隶书';
}五、伪类选择器
1、:hover：当鼠标悬停在目标对象上时
2、a:visited：表示已经访问过的超链接
3、a:link：超链接未被访问的样式
4、a:active：激活超链接时
5、:root：匹配文档的根元素,页面的根元素是<html>，该选择器设置的样式对页面的所有元素均有效
6、:not(element)：匹配不是指定元素的元素
7、:only-child：匹配只有一个子元素的元素
8、:first-child：匹配父元素中的第一个子元素
9、:last-child: 匹配父元素中的最后一个子元素
10、:nth-child(n)：匹配父元素中正数第n个元素
11、:nth-last-child(n)：匹配父元素中倒数第n个元素
12、:before：在匹配的元素之前添加指定的内容,要和content结合使用
13、:after：在匹配的元素之后添加指定的内容