CSS3----伪元素和伪类选择器---动态伪类和表单伪类

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style type="text/css">
            #test:hover{
                color: pink;
            }
            #test:active{
                color: red;
            }
        </style>
    </head>
    <body>
        <a href="#">111</a>
    </body>
</html>

动态伪类就是:hover和:active

  注意hover和active基本可以作用于所有元素

由于a标签的:link 和:visited可以覆盖所有a标签的状态,所以当:link :visited :hover :active同时出现在a标签

身上时:link和:visited不能放在最后

  隐私与:visited选择器

    在visited伪类选择器中,只有以下属性能被应用到已访问的链接

      color  background-color  border-color

上一篇:vue实现动态改变地址栏的参数值


下一篇:springboot 利用redis 1对1匹配逻辑