这些(html)的选择器真的很使用!!一定要记住!!!

这些(html)常见的实用标签真的很实用!!!

在html中常见选择器有：
元素选择器、id选择器、类选择器（class）、选择器分组（并集选择器）、通配选择器、复合选择器（交集选择器）。

元素选择器

作用：通过元素选择器可以选择页面中的所有指定元素。
语法：标签名{}
例如：

p{
color: blue;
}

id选择器

作用：通过元素的id值选中唯一的元素。
语法：#id属性值{}
例如：

#p1{
font-size: 10px;
}

警告:一个HTML中id不允许重复

类选择器

作用：通过元素的class属性值选中一组元素。
语法：.class属性值{}
class属性值和id属性值相似，只不过class属性值可以重复。
例如：

.p2{
color: red;
}

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

作用：通过选择器分组可以同时选中多个选择器对应的元素。
语法：选择器1,选择器2,选择器n{}
例如：

#p1,.p2,h1{
background-color: blue;
}
1
2
3

通配选择器

作用：选中页面中的所有元素。
语法：*{}

*{
color: darkblue;
}
1
2
3

复合选择器（交集选择器）

作用：可以选中同时满足多个选择器的元素。
语法：选择器1选择器2选择器n{}
例如：

span.p3{
color: pink;
}