css伪字选择器

在CSS选择器中，伪字选择器是一种特殊的选择器，它允许我们以不同的方式选择元素。伪字选择器通常以一个冒号（:）前缀开始，然后跟着一些关键字，这些关键字用于描述该选择器的行为。

以下是一些常见的伪字选择器：

    :first-child - 选择目标元素的第一个子元素
    :last-child - 选择目标元素的最后一个子元素
    :nth-child(n) - 选择目标元素的第 n 个子元素
    :nth-last-child(n) - 选择目标元素的倒数第 n 个子元素
    :only-child - 选择只有一个父元素的目标元素
    :not(selector) - 选择不匹配指定选择器的元素

例如，如果我们想要选取列表中的第一个li元素，并改变它的颜色，我们可以使用:first-child伪字选择器，如下：

    ul li:first-child {
        color: red;
    }

这将选取ul列表中的第一个li元素，并将其文本颜色设置为红色。相反地，如果我们想要选取列表中的最后一个元素，并将其字体设置为粗体，我们可以使用:last-child伪字选择器：

    ul li:last-child {
        font-weight: bold;
    }

我们甚至可以结合使用伪字选择器，以选择更加具体的元素，例如：

    ul li:nth-child(3):last-child {
        background-color: yellow;
    }

这将选取ul列表中的倒数第三个子元素，并将其背景颜色设置为黄色。

伪字选择器是CSS的强大工具之一，它允许我们以各种方式来选择元素。现在我们已经了解了一些常见的伪字选择器，你可以在自己的CSS中尝试它们，并学习它们的用法。