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

伪类选择器和伪元素

作者: 沦陷_99999 | 来源:发表于2018-11-21 08:20 被阅读0次
    1.正常链接
    x:link{
        color:green;
    }    
    
    
    2.访问过的链接
    x:visited{
        color:yellow;
    }
    
    
    注:(只能定义字体颜色,不能定义字号)
    3.鼠标滑过的链接
    x:hover{
        color:skyblue;
    }
    
    
    4.正在点击的链接
    x:active{
        color:black;
    }
    
    
    5.获取焦点
    x:focus{
        backgroud-color:orange;
    }
    
    
    6.选中的元素
    x::selection{
          background-color:white;
    }
    
    
    兼容火狐浏览器
    p::-moz-selection{
            background-color:orange;
    }
    
    

    伪元素

    (给段落定义样式)

    1.首字母
    x:first-letter{
        color:red;
        font-size:30px;
    }
    
    
    2.首行
    x:first-line{
          background-color:orange;
     }
    
    
    3.before(前面)
    x:before{
        content:"我在文章的最前面";
        color:skyblue;
    }
    需要用content(内容)来定义内容
    
    
    4.after(后面)
    x:after{
        content:"我会出现在文章的最后面";
        color:red;
    }
    
    

    相关文章

      网友评论

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

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