css3.伪元素

时光无错孤独难谈

于 2020-02-13 10:46:01 发布

阅读量108

点赞数

分类专栏： html5 && css

本文链接：https://blog.youkuaiyun.com/qq_43745403/article/details/104291861

版权

html5 && css 专栏收录该内容

23 篇文章

订阅专栏

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8"/>
        <style type="text/css">
            /* 
                使用伪元素表示元素中一些特殊位置
            */
            /* 
                为p中第一个字符设置特殊样式
            */
            P::first-letter{
                color: aqua;
                font-size: 20px;
            }

            /* 
                p中第一行
            */
            p::first-line{
                background-color: blue;
            }
            /* 
                before一般需要和content一起使用，在before,after位置添加一些内容
                无法选中
             */
            p::before{
                content: "wdnakdlwjk";
            }
            
            p::after{
                content: "wdnakdlwjk";
            }
        
        
        
        
        </style>

        <!-- 
            否定伪类：
                作用：可以从以选定的元素，剔除某些元素
                语法：   :not(选择器)

                p:not(.hello){                        (class=hello 的伪类被剔除)   #p1,id 
                    background-color:red;
                }
         -->


         


    </head>


    <body>
        <p>标签标签标签</p>


    </body>


</html>