CSS 选择器

CSS 选择器是用于选择 HTML（或XML）文档中特定元素的模式。它们允许开发者根据元素的类型、属性、状态等来定义样式或应用行为。

常见的CSS选择器包括：

1、元素选择器：选择指定类型的所有元素。例如，p选择所有段落元素。

p {
    /* styles */
}

2、类选择器：选择具有特定类的元素。类选择器以点号开头（.）。

.my-class {
    /* styles */
}

3、ID选择器：选择具有特定id的唯一元素。ID选择器以井号开头（#）。

#my-id {
    /* styles */
}

4、属性选择器：选择具有特定属性的元素，可以进一步指定属性值。

[type="text"] {
    /* styles */
}

5、伪类选择器：选择处于特定状态的元素，例如链接的状态（:hover、:visited等）。

a:hover {
    /* styles */
}

6、伪元素选择器：用于选中元素的特定部分，如元素的第一行（::first-line）或最后一个字母（::last-letter）。

p::first-line {
    /* styles */
}

7、组合选择器：使用多个选择器组合来选择特定的元素，以逗号分隔。

h1, h2, h3 {
    /* styles */
}

8、后代选择器：选择作为另一个元素后代的元素。后代选择器使用空格分隔。

div p {
    /* styles */
}

这些选择器可以单独使用或结合在一起，以精确地指定要样式化或操作的HTML元素。CSS 选择器是CSS 规则中非常强大和灵活的部分，使得开发者能够高度定制网页的外观和行为。