伪类和伪元素

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;
    }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容