2024-10-02 00:55:14
伪类(pseudo-class)是 CSS 选择器的一种特殊类型,它允许你根据元素的状态或位置来应用特定样式,而无需为元素添加额外的 class 或 id。伪类以冒号(:)开头,后跟伪类名称。
超链接伪类是应用于 HTML 链接元素(通常是 <a> 标签)的一组 CSS 伪类。有四种常用的超链接伪类形态:
:link - 未访问的链接。这个伪类选择器匹配所有未被访问过的超链接。
示例:a:link { color: blue; }
:visited - 已访问的链接。这个伪类选择器匹配所有被访问过的超链接。
示例:a:visited { color: purple; }
:hover - 鼠标悬停在链接上。这个伪类选择器匹配当前鼠标悬停在上面的超链接。
示例:a:hover { color: red; }
:active - 激活状态的链接。这个伪类选择器匹配鼠标点击时处于激活状态的超链接。
示例:a:active { color: green; }
注意:为了保证良好的样式效果,建议按照以下顺序定义这些伪类::link -> :visited -> :hover -> :active。这样可以确保在不同状态之间的样式正确覆盖。