CSS-Aurora博客🥝

CSS 伪类选择器允许你根据元素的状态或位置来选择元素，而无需更改 HTML 结构。它们在 CSS 规则中用冒号 (:) 引导。伪类选择器可以用于各种情况，比如选择用户交互状态下的元素、文档结构中的特定元素或者某些特定的样式规则。

这里有一些常见的 CSS 伪类选择器：

:hover - 当用户将鼠标指针悬停在元素上时应用样式。

a:hover {
    color: red;
}

:active - 当元素被激活时（如鼠标按钮被按下），应用样式。

a:active {
    color: blue;
}

:focus - 当元素获得焦点时（如通过键盘导航），应用样式。

input:focus {
    border-color: green;
}

:visited - 当 <a> 元素指向用户已经访问过的 URL 时，应用样式。

a:visited {
    color: purple;
}

:link - 当 <a> 元素指向未访问的 URL 时，应用样式。

a:link {
    color: orange;
}

CSS