前端一HTML:二十四伪类
作者:互联网
类选择器作用:是用来给对应的类标签设置样式。
伪类也是给对应的标签设置样式。伪类选择器的样式要显示出来,这个标签就必须具备对应的条件。
a:link 设置元素没有被访问过的样式。
如果已经点击了一次,那么将来这个伪类中的样式将不会再被显示。
a:visited 设置元素被访问过的样式
如果这个元素已经被点了一次,那么将来这个伪类中的样式会一直显示。
a:hover 设置鼠标悬停时元素的样式
如果鼠标悬停,那么对应的元素就会显示这个伪类中设置样式。
a:active 设置鼠标点击时的样式
如果鼠标点击了这个元素,元素会显示这个伪类中设置的样式。
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
a{
display: inline-block;
width: 100px;
height: 50px;
background-color: red;
text-decoration: none;
text-align: center;
line-height: 50px;
}
a:link{
background-color: yellow;
}
a:visited{
background-color: pink;
}
a:hover{
background-color: purple;
}
a:active{
background-color: blue;
}
</style>
</head>
<body>
<a href="#">a标签</a>
</body>
</html>
标签:设置,伪类,样式,元素,color,HTML,background,二十四 来源: https://blog.csdn.net/m0_37564426/article/details/90170911