美文网首页
伪类选择器,伪元素

伪类选择器,伪元素

作者: Stranger_I | 来源:发表于2018-11-19 19:24 被阅读0次

    正常链接

     x:link{
        color:green;
    }    
    

    访问过的链接

     x:visited{
        color:yellow;
    }
    
    ps:(只能定义字体颜色,不能定义字号)
    

    鼠标滑过的链接

    x:hover{
        color:skyblue;
    }
    

    正在点击的链接

    x:active{
        color:black;
    }
    

    获取焦点

    x:focus{
        backgroud-color:orange;
    }
    

    选中的元素

    x::selection{
       background-color:white;
    }
    (选中变色)
    

    兼容浏览器

    p::-moz-selection{
        background-color:orange;
    }
    

    伪元素

    定义首字母

    (定义段落首字母)

    x:first-letter{
        color:red;
        font-size:30px;
    }
    

    定义首行

    x:first-line{
          background-color:orange;
     }
    

    前面

    x:before{
        content:"我在文章的最前面";
        color:skyblue;
    }
    需要用content(内容)来定义内容,定义的内容插入到段落前面
    

    后面

    x:alter{
        content:"我会出现在文章的最后面";
        color:red;
    }
    需要用alter(内容)来定义内容,定义的内容插入到段落后面
    

    相关文章

      网友评论

          本文标题:伪类选择器,伪元素

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