CSS 伪类用于向某些选择器添加特殊的效果,语法结构如下:
选择器:伪类 {
declaration1;
eclaration2;
…
}
主要伪类属性:link,visited,hover,active.
例如:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<a href="http://e.bilibili.com">B站</a>
<style>
a:link{
background-color: red;/*向未被访问的链接添加样式,未访问过的链接背景颜色为red,只用于链接(a标签)*/
}
a:visited{
background-color: blue;/*向已被访问的链接添加样式,访问过的链接背景颜色为blue,只用于链接(a标签)*/
}
a:hover{
background-color: yellow;/*当鼠标悬浮在元素上方时,元素背景颜色为yellow*/
}
a:active{
background-color: black;/*向被激活的元素添加样式,即当鼠标点击元素时(未松开)元素背景颜色为black*/
}
</style>
</body>
</html>