选择器

选择器

一、常用选择器

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

①通过元素选择器可以选中页面中的所有指定元素

②语法：标签名{}

eg

未使用标签前（把p标签注释了）

页面上显示的内容为：

使用p标签(除特殊规定，会选择页面中的所有p标签)，设置字体为红色

效果图未：

2、id选择器

①通过元素的class属性值选中唯一一个元素

②语法：#属性值{}

如下eg

下面我们将第一行的字体设置为large

注意！！！第一行字体变大了

3、类选择器

①通过元素的class属性值选中一组元素

②语法：==.==属性值{}

eg

同时选中下面的几行，设置字体颜色为蓝色

效果图为：

！！！！class比id更强大！！！！

#####1、一个元素可以同时设置几个class

eg

同时为元素设置z和n两个class属性（多个值之间要用空格隔开（eg.z和n要用空格隔开））

效果图为：

二、选择器分组（并集选择器）

①通过选择器分组可以同时选中多个选择器对应的元素

②语法：选择器1，选择器2，选择器n{}

eg

将标签h1,znb,n的背景设置为黑色（注意要用逗号隔开）

效果图为

三、个复合选择器（并集选择器）

直接举例了

eg

效果图为：

四、通配选择器

①选中页面中的所有元素

②语法：*{}

eg

设置页面中所有字体的颜色为黄色

效果图为（黄瞎你的钛合金狗眼）

​

​