css超链接伪类知识点
时间: 2023-10-15 13:15:49 浏览: 97
CSS超链接伪类主要用于改变超链接在不同状态下的样式,常用的伪类有以下几个:
1. :link:表示普通的、未访问的链接状态。
2. :visited:表示已访问的链接状态。
3. :hover:表示鼠标悬停在链接上时的状态。
4. :active:表示鼠标点击链接但还没有释放时的状态。
例如,要设置链接在鼠标悬停时的颜色为红色,代码如下:
```css
a:hover {
color: red;
}
```
要设置链接的已访问状态下的样式,可以使用如下代码:
```css
a:visited {
color: purple;
}
```
需要注意的是,:visited 伪类的样式受到浏览器安全限制,只有当链接访问的是同一站点下的页面时才能生效。
除了上述常用的伪类,CSS还有其他伪类,例如:focus、:first-child等,可以根据需要进行使用。
阅读全文