美文网首页
11-a标签伪类选择器

11-a标签伪类选择器

作者: 喝酸奶要舔盖__ | 来源:发表于2018-10-29 14:36 被阅读0次

    a标签伪类选择器

    • a标签存在一定的状态
      1.1默认状态, 从未被访问过
      1.2被访问过的状态
      1.3鼠标长按状态
      1.4鼠标悬停在a标签上状态

    • 什么是a标签的伪类选择器?
      a标签的伪类选择器是专门用来修改a标签不同状态的样式的

    3.格式
    a:link 修改从未被访问过状态下的样式
    a:visited 修改被访问过的状态下的样式
    a:hover 修改鼠标悬停在a标签上状态下的样式
    a:active 修改鼠标长按状态下的样式
    

    4.注意点
    4.1a标签的伪类选择器可以单独出现也可以一起出现
    4.2a标签的伪类选择器如果一起出现, 那么有严格的顺序要求
    编写的顺序必须要个的遵守爱恨原则 love hate(link,visited,hover,active)
    4.3如果默认状态的样式和被访问过状态的样式一样, 那么可以缩写

    <style>
            /*a:link{
                color: skyblue;
            }
    
            a:visited{
                color: orange;
            }*/
    
            a{
                color: skyblue;
            }
    
            a:hover{
                font-size: 20px;
                color: blue;
            }
    
            a:active{
                color: pink;
            }
        </style>
    <a href="#">我是a1</a>
    <a href="#">我是a2</a>
    

    相关文章

      网友评论

          本文标题:11-a标签伪类选择器

          本文链接:https://www.haomeiwen.com/subject/drubtqtx.html