CSS 伪类用于向某些选择器添加特殊的效果,语法结构如下
选择器:伪类 {
declaration1;
declaration2;
…
}
属性 | 描述 | CSS |
向未被访问的链接添加样式。 | 1 | |
向已被访问的链接添加样式。 | 1 | |
当鼠标悬浮在元素上方时,向元素添加样式。 | 1 | |
向被激活的元素添加样式。 | 1 |
注意:若:link、:visited、:hover和:active一起使用,:hover 必须被置于 :link 和 :visited 之后,:active 必须被置于 :hover 之后,即:link -> :visited -> :hover -> :active
演示:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
a:link{
color: black;
}
a:visited{
color:pink;
}
a:hover{
color:green;
}
a:active{
color:yellow;
}
</style>
</head>
<body>
<a href="https://www.tianqi.com/dingzhi/">bili bili</a>
</body>
</html>
点击前: 点击后:
在鼠标移动到字体上时变为绿色,长按不放为黄色(不好截屏就不展示了,难搞 \(*-*)/ )