美文网首页
01.22 伪类选择器

01.22 伪类选择器

作者: xxxQinli | 来源:发表于2019-01-22 17:17 被阅读0次

    伪类选择器

    • 普通选择器是选中某一个标签,伪类选择器是选中标签某种状态

    • 1.语法:
      普通选择器:状态{}

    • 2.创建状态

      • a. link - 初始状态(对于a标签来说,初始状态指的是标签对应的地址没有成功访问过)

      • b. visited - 访问后的状态(一般针对a标签)

      • c. hover - 鼠标悬停在标签上(别的标签也可以使用)

      • d. active - 鼠标按住不放的时候

      • 注意:1.状态前不是只能写元素选择器,更不是只能写a标签

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title></title>
            <style type="text/css">
                /*设置a标签所有状态的样式*/
                /*a{
                    color: saddlebrown;
                }*/
                a:link{
                    color: green;
                }
                a:visited{
                    color: greenyellow;
                }
                .a1:hover{
                    color: red;
                    background-color: lightgray;
                }
                a:active{
                    color: slateblue;
                }
                
                
                p:hover{
                    color: red;
                }
                
            </style>
        </head>
        <body>
            <p>我是段落</p>
            <a href="05选择器.html2">百度一下1</a>
            <a class="a1" href="https://www.baidu.com">百度一下2</a>
            <a class="a1" href="05选择器.html">百度一下3</a>
        </body>
    </html>
    
    
    

    相关文章

      网友评论

          本文标题:01.22 伪类选择器

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