在 CSS 中,您可以选择元素、 class 和 id 在网页上应用样式和自定义元素。 以下是有关如何使用它们的详细指南:
选择元素
要选择特定 HTML 元素的所有实例,请使用元素名称作为选择器。 例如, p 选择 <p> 文档中的所有标签。
选择 Class
要选择具有相同类的元素,请使用点“.”。 接下来是类名。 例如, .my-class 选择具有 class 的所有元素 my-class。
要选择具有多个类的元素,请使用点“.” 并列出以空格分隔的类名称。 例如, .class1.class2 选择同时具有 class1 和 class2 类的元素。
选择 id
要通过其 来选择特定元素 id,请使用哈希值“#”,后跟该元素的 id。 例如, #my-id 选择带有 的元素 id my-id。
组合 Element、 Class 和 ID 选择
您可以组合元素、 class 和 id 选择来定位具有特定类和 的特定元素 ID。
例如, div.my-class#my-id 选择 <div> 带有 class my-class 和 的元素 ID my-id。
下面是在 CSS 中选择元素、 class 和 的具体示例: id
/* Select all <p> tags */
p {
color: blue;
}
/* Select elements with the class "my-class" */
.my-class {
background-color: yellow;
}
/* Select the element with the ID "my-id" */
#my-id {
font-weight: bold;
}
/* Combine element, class, and ID selections */
div.my-class#my-id {
border: 1px solid black;
}
通过使用 element、 class 和 id 选择,您可以轻松选择网页上的特定元素或元素组并设置其样式。

