基本 CSS:选择元素、ID 和 Class

在 CSS 中,您可以选择元素、 classid 在网页上应用样式和自定义元素。 以下是有关如何使用它们的详细指南:

 

选择元素

要选择特定 HTML 元素的所有实例,请使用元素名称作为选择器。 例如, p 选择 <p> 文档中的所有标签。

 

选择 Class

要选择具有相同类的元素,请使用点“.”。 接下来是类名。 例如, .my-class 选择具有 class 的所有元素 my-class

要选择具有多个类的元素,请使用点“.” 并列出以空格分隔的类名称。 例如, .class1.class2 选择同时具有 class1class2 类的元素。

 

选择 id

要通过其 来选择特定元素 id,请使用哈希值“#”,后跟该元素的 id。 例如, #my-id 选择带有 的元素 id my-id

 

组合 ElementClassID 选择

您可以组合元素、 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;  
}  

通过使用 elementclass 和 id 选择,您可以轻松选择网页上的特定元素或元素组并设置其样式。