CSS常用到的选择器

1，标签选择器：选择所有同类的标签设置样式。

结构：标签名:{css样式};

2，类选择器：所有标签上都有class属性，class属性的属性值为类名，选择所有同类名的标签设置样式，同一个标签可以设置多个不同的类名用空格隔开。注意类名不能以数字或中划线开头。

结构：.类名:{css样式};(以.开头)

3，ID选择器：所有标签上都有id属性，id属性的属性值为id名，所有标签上只能有一个id名，在页面中不可重复id名，同时ID选择器只能选中一个标签，一般给js使用。

结构：#id名:{css样式};(以#开头)

4，复合选择器：分为交集和并集两种。

交集选择器：同时满足能被选择器1选中也能被选择器2选中的标签设置样式。

结构：选择器1选择器2：{css样式};(没有如何东西隔开，同时标签选择器要放在最前面)

并集选择器：同时找到多个标签设置样式。

结构：选择器1,选择器2:{css样式}:(多个选择器之间用,隔开)

5，关系选择器：有4种

父子选择器：选择使有父标签下的对应的子标签。

结构：父选择器>子选择器:{css样式};(中间使用>)

祖先选择器：选择所有祖先标签下的对应标签。

结构：祖先选择器 选择器:{css样式};(中间使用空格隔开)

兄弟选择器：有2种.

相邻兄弟：必须是相邻的兄弟标签，不相邻不选择。

结构：兄弟选择器1+兄弟选择器2:{css样式};(中间使用+隔开)

全部兄弟：所有兄弟标签全部选中。

结构：兄弟选择器1~兄弟选择器2:{css样式};(中间使用~隔开)