css基本选择器哪三种

在 CSS 中有许多不同的选择器，这些选择器让我们能够捕获到 HTML 元素并对其进行样式化处理。其中最基本的选择器有三种：标签选择器、类选择器和 ID 选择器。

/* 标签选择器 */p {
    color: red;
}

标签选择器是最常见的选择器类型，它根据 HTML 元素的名称来选择元素。在上面的代码中，我们使用了 p 标签选择器来选择所有段落元素，并将它们的文字颜色设置为红色。

/* 类选择器 */.my-class {
    font-size: 20px;
}

类选择器基于 HTML 元素的 class 属性来选择元素。类选择器以 "." 开头，后跟 class 名称。在上面的代码中，我们使用了一个名为 "my-class" 的类选择器来选择所有带有 "my-class" 类的元素，并将它们的字体大小设置为 20 像素。

/* ID 选择器 */#my-id {
    background-color: yellow;
}
    

ID 选择器与类选择器类似，也是基于 HTML 元素的 id 属性来选择元素。ID 选择器以 "#" 开头，后跟 id 名称。在上面的代码中，我们使用了一个名为 "my-id" 的 ID 选择器来选择 id 为 "my-id" 的元素，并将它们的背景颜色设置为黄色。

以上就是 CSS 中最基本的三种选择器：标签选择器、类选择器和 ID 选择器。通过使用这些选择器，我们可以轻松地对 HTML 元素进行样式化处理。

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