css中的伪类主要包括

在 CSS 中，伪类是一种用于选择 HTML 元素的特殊选择器。伪类通过指定某些元素的特定状态来选择这些元素。这些状态可以是用户互动触发的，或是某些特殊条件下发生的。

在 CSS 中，常见的伪类包括：

    :hover – 鼠标悬停在元素上时触发
    :focus – 元素获取焦点时触发（通常是通过用户点击或使用 Tab 键）
    :active – 鼠标按下时触发
    :visited – 已被访问过的链接
    :first-child – 元素是其父元素的第一个子元素时触发
    :last-child – 元素是其父元素的最后一个子元素时触发

    :nth-child(n) – 选择父元素的第 n 个子元素
    :nth-of-type(n) – 选择具有相同类型的元素中的第 n 个
    :only-child – 元素是其父元素的唯一子元素时触发
    :empty – 元素没有任何子元素时触发

    :not(selector) – 不匹配某个选择器的元素
    :checked – 对于表单元素，当它被选中时触发
    ::before – 在某个元素之前插入内容
    ::after – 在某个元素之后插入内容

这些伪类可以通过在 CSS 规则中添加标识符来应用到某些选择器：

    a:hover {
        color: red;
    }

    input:focus {
        border: 1px solid blue;
    }

    p:first-child {
        font-weight: bold;
    }

    li:nth-of-type(odd) {
        background-color: lightgray;
    }

通过使用伪类，我们可以更加精准地控制样式，让网页呈现出更加美观和易用的效果。