常用的HTML选择器有哪些

HTML是网页设计的基础，选择器是CSS中最重要的一部分。通过选择器，您可以按名称、类、ID等来设置样式。以下是HTML中可用的常见选择器。

1. 元素选择器

元素选择器是指对特定类型的元素应用样式。例如，在以下代码中，我们将所有段落文本颜色设置为红色：

p {
  color: red;
}

这意味着所有

标签中的文本都将以红色显示。

2. ID选择器

ID选择器为具有唯一ID属性的元素应用样式。例如，在以下代码中，我们使用ID选择器将特定元素的文本颜色更改为蓝色：

#my-id {
  color: blue;
}

在上面的例子中，我们假设HTML中存在一个元素，其ID属性设置为“my-id”。

3. 类选择器

类选择器允许您根据类别对元素应用样式。例如，在以下代码中，我们创建了一个名为“my-class”的类，并将它们应用于一个或多个元素：

.my-class {
  color: green;
}

我们可以将“my-class”类应用于任何元素，如下所示：

This text will be green.
This text will also be green.

4. 子选择器

子选择器可用于选择元素的后代。例如，在以下HTML代码中，我们使用子选择器将仅选择

标记中的所有直接
• 标记：

  ul > li {
    color: purple;
  }
  

  5. 后代选择器

  后代选择器可用于选择元素的任何后代。例如，在以下HTML代码中，我们使用后代选择器选择

  标记中的所有
  • 标记，不管它们在嵌套结构中的位置如何：

    ul li {
      color: orange;
    }
    

    以上是HTML中常见的一些选择器。您可以根据您想要应用样式的元素类型、类别和ID来选择相应的选择器。