CSS中的选择器很多，比如：ID选择器，类选择器，通配符选择器，伪类选择器等等，接下来主要介绍常用的几个。
语法：#id名{}//id值唯一不能重复,eg:#top{}//为id为top的元素设置样式。
语法：.class{},eg：.box{}//为所有的class值为box的元素设置样式。
语法：选择器1，选择器2，选择器N{},eg:#box1,.box2,p{}//为id为box1，class为box2和p的元素共同设置样式。
语法：*{}，eg：*{font-size：16px}//将整个页面字体大小设为16px。
语法：选择器1选择器2{}，eg：p.aa{}//选中指定祖先元素p的指定后代.aa。
语法：父元素>子元素{},eg：p>.box{}//选中父元素p的指定子元素.box。注意与后代元素选择器的区别
伪类可以用来表示一些特殊的状态,如：
：link-未访问过的超链接。
：visited-已访问过的超链接。
二、CSS选择器的优先级顺序
当同一属性的不同值都作用到了同一个元素时，如果定义的属性之间有冲突，那么应该用谁的值的，这个时候就涉及到CSS的优先级顺序了。
1.在属性后面使用!important会覆盖页面内任何位置定义的元素样式。
2.作为style属性写在元素内的内部样式
4、选择器分组(并集选择器)
语法：选择器1，选择器2，选择器n{ }
5、复合选择器(交集选择器)
作用：选择更准确更精细的目标元素并为其设置属性
语法：选择器1选择器2选择器n{ }
!注意选择器之间不能有空格，要紧挨在一起
作用：用来选中页面中所有的元素
作用：选中指定元素的指定后代元素
语法：祖先元素 后代元素{ }
作用：选中指定父元素的子元素
语法：父元素>子元素
伪类表示元素的一种特殊状态
:hover 移入时元素的状态
:visited 已被访问过后的元素的状态
:active 被点击时元素的状态
作用：根据元素中的属性或属性值来选取指定元素
语法：[属性名]选取含有指定属性的元素
? [属性名=“属性值”]选取含指定属性值的元素
? [属性名^="属性值"] 选取属性值以指定内容开头的元素
? [属性名$="属性值"] 选取属性值以指定内容结尾的元素
? [属性名*="属性值"] 选取属性值包含指定内容的元素
作用：选中一个元素后紧挨着的指定的兄弟元素
语法：前一个+后一个(作用在后一个)
作用：选中后边所有的制定兄弟元素
语法：前一个~后边所有