css基本选择器有哪4种

在CSS中，有四种基本的选择器，它们分别是：

1. 元素选择器（Element Selector）2. 类选择器（Class Selector）3. ID选择器（ID Selector）4. 通配选择器（Universal Selector）

下面我们将详细介绍这四种基本选择器。

1. 元素选择器（Element Selector）

元素选择器是指通过元素名来选择对应元素的样式。例如：

p {
    color: blue;
}
    

这段CSS代码表示选择所有的 p> 元素，并将它们的颜色设置为蓝色。

2. 类选择器（Class Selector）

类选择器是指通过 class> 属性来选择对应元素的样式。例如：

.my-class {
    color: red;
}
    

这段CSS代码表示选择有class属性值为"my-class"的元素，并将它们的颜色设置为红色。在HTML中，可以通过给元素添加 class 属性来应用该样式：

p class="my-class">
    这是一个有"my-class"类的段落。/p>
    

3. ID选择器（ID Selector）

ID选择器是指通过 id> 属性来选择对应元素的样式。例如：

#my-id {
    font-size: 20px;
}
    

这段CSS代码表示选择有id属性值为"my-id"的元素，并将它们的字体大小设置为20px。在HTML中，可以通过给元素添加 id 属性来应用该样式：

p id="my-id">
    这是一个有"my-id"的段落。/p>

4. 通配选择器（Universal Selector）

通配选择器是指选择所有元素。例如：

* {
    margin: 0;
    padding: 0;
}
    

这段CSS代码表示应用给所有元素，将它们的外边距和内边距设置为0。虽然很少需要选择所有元素，但通配选择器仍是一种十分方便的选择器。

以上便是CSS的四种基本选择器。掌握它们对于编写CSS样式是至关重要的。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！