css常用选择器

1、元素选择器：（标签选择器）

作用：通过标签名选中对应的内容

语法：标签名{ }

注意：html常用的标签大概有20多个，如果用元素选择器选中设置css样式，一定要注意，是否会波及到其他的内容，如果波及到了，就不要用了。

2、id选择器：

作用：通过id属性值，选中对应的结构

语法：#id属性值{ }

注意：id属性值不能重复使用，不能以数字开头，不能用汉字

3、class选择器：

作用：通过指定的class属性值，选中对应的结构

语法：.class属性值{ }

注意（1）这是最常用的选择器

（2）可以起多个class属性值，中间以空格隔开

4、通配选择器：

作用：选中页面中所有的标签

语法：*{ }

5、复合选择器：

（1）交集选择器：

作用：选中满足多个条件的元素

语法：选择器1选择器2选择器3...{ }

注意：如果选择器中有元素选择器，元素选择器必须放在第一位

（2）并集选择器：

作用：选中多个选择器对应的内容

语法：选择器1，选择器2，选择器3...{ }

6、关系选择器：

（1）

7、属性选择器：

8、伪类选择器：

伪类：（不存在的类，特殊的类）不特指某一个元素，指的是一个元素的特殊状态

1、特点：一般情况下，以：开头

（1）：first-child{ }   第一个子元素

（2）：last-child{ }    最后一个子元素

（3）：nth-child( ){ }    选中第n个子元素     特殊值：n 所有的， 2n或even，  选中偶数；

2n+1或odd   选中奇数。

（4）：first-of-type  选中第一个子元素

（5）：last-of-type  选中最后一个子元素

（6）：nth-of-type   选中第n个子元素

（7）：not( )   否定伪类    将符合条件的元素从选择器中去除

2、a元素的伪类：访问过、未访问过、鼠标移入、鼠标点击状态等

（1）：link  用来表示未访问过的链接（正常链接）

（2）：visited   用来表示访问过的链接

由于隐私的原因，所以visited只能改颜色

注意：    ：link、：visited这两个伪类是超链接独有的

（3）：hover   用来表示鼠标移入的状态

（4）：active    用来表示鼠标点击后的状态

注意：   ：hover、:active这两个伪类是所有标签共有的

3、伪元素选择器：伪元素，表示页面中一些特殊的并不真实存在的元素（元素的位置）

（1）：：first-letter   表示第一个字母

（2）：：first-line     表示第一行

（3）：：before    元素的开始位置

（4）：：after      元素的结束位置

before和after必须要结合content使用

：：berfore{ content:' ';}