伪类和伪元素

2018-11-19  本文已影响0人  Forever_f59e

1.正常连接

    x:link{
            color:green;
    }

2.访问过的链接

    x:visited{
            color:yellow;
    }

注意:(只能定义字体的颜色,布恩那个定义字号)

3.鼠标停留的链接

    x:hover{
            color : skyblue;
    }

4.点击连接的颜色

    x:active{
            color:black;
    }

5.获取焦点

    x:focus{
            background-color:orange;
    }

6.选中的元素

    x::selection{
            background-color:orange;
    }

7.首字母定义样式

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

8.首行定义样式

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

9.内容出现在最前面

    x:before{
            content:"我出现在前面";
            color:skyblue;
    }
    content(内容)用来定义内容

10.内容出现在最后面

    x:alter{
              content:"我会出现在文章最后面";
            color:red;
    }
上一篇 下一篇

猜你喜欢

热点阅读