在 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 选择,您可以轻松选择网页上的特定元素或元素组并设置其样式。