其他分享
首页 > 其他分享> > 前端一HTML:二十四伪类

前端一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