<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
/* 伪类选择器:link,visite仅a便签可以使用hover,active所有元素都可以使用 */
/* 伪类选择器前有冒号 */
/* 普通连接状态 */
a{
background-color: palegreen;
}
a:link{
color: black;
}
/* 访问过后的状态 */
/* 该属性无法设置背景颜色 */
a:visited{
color: goldenrod;
}
/* 鼠标悬停状态 */
a:hover{
background-color: antiquewhite;
}
/* 鼠标按住状态 */
a:active{
background-color: red;
}
/* 伪类选择器需要按照顺序使用,顺序不正确可能导致无法显示 */
</style>
</head>
<body>
<a href="https://www.iconfont.cn/" target="_blank">alibaba</a>
</body>
</html>
CSS基础:伪类选择器
最新推荐文章于 2024-05-31 14:44:29 发布