css用于控制元素样式，css语法为 选择符{属性：值}方式进行设置

1 类型选择符

就是将标签作为选择符，如body div h1 span等

2 群组选择符

如 h1,h2h3{padding:5px;}中间使用,分隔符，由多个选择符组成，表示这一组选择符均采用一致样式

3 包含选择符

包含主要用于父级内部字集节点的设置，就像xpath路径一样，语法为选择符之间使用 空格作为分隔符

如 h1 span{font-weight:bold} 意思是h1内部所有span节点使用字体加粗样式

4 id和class选择符

这个很简单了

5 组合选择符

与群组选择符差不多，将多个选择符进行组合，选择符之间平级关系则为群组，使用 逗号 分隔符，包含关系 则使用 空格选择符

6 伪类和伪对象

这几个玩意儿是固定的，不能进行自定义的主儿

伪类：

:link 表示a标签在未被访问之前的样式

:hover 表示鼠标移动到元素上的样式

:active 表示被点击和被释放之间的样式

:visited 表示被访问后的样式

:focus 表示获取到焦点时候样式

：first-child 表示元素第一个子节点样式

：first 表示页面第一页使用的样式

伪对象 （第一个和最后一个用得较多，常用来做一些高级ui交互）

：after 表示标签后面的内容

：first-letter 标签内的第一个字符样式

：first-line 标签内第一行样式设置

：before 标签之前的内容

7 通配选择符

* 符号，即所有对象的共同点

8 优先级

常规来说：id选择符>类选择符>标签选择符，在某些时候可以使用！important来提升同集当中样式的优先级 如 div{ background-color:red ,background-color:blue;}

一般是后面覆盖前面，但是加上!important之后则得到提升：div{ background-color:red !important,background-color:blue;}最终div呈现为红色

而优先级的通用算法：谁近谁高，即谁离被应用该样式的元素近则优先级高

一天一点css 2 选择符语法