<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title></title>
</head>
<body>
<a href="http://www.baidu.com">百度一下</a>
<a href="http://e.bilibili.com">b站</a>
<style>
/*伪类:用于向某些选择器添加特殊的效果
*若:link、:visited、:hover和:active一起使用,:hover 必须被置于 :link 和 :visited 之后,:active 必须被置于 :hover 之后,即:link -> :visited -> :hover -> :active ,简记love hate(爱恨) 。
*其中:link,visited仅仅适用于链接,即a标签,另外俩个所有标签都可以使用
*
*/
a:link{/*向未被访问的链接添加样式。*/
background-color: red;
}
a:visited{/*向已被访问的链接添加样式。*/
background-color: black;
}
a:hover{/*当鼠标悬浮在元素上方时,向元素添加样式*/
background-color: white;
}
a:active{/*向被激活的元素添加样式*/
background-color: #00FFFF;
}
</style>
</body>
</html>
HTML伪类
最新推荐文章于 2024-09-11 10:21:17 发布