HTML--伪元素

最新推荐文章于 2024-09-11 10:49:17 发布

unsafe-no

最新推荐文章于 2024-09-11 10:49:17 发布

阅读量601

点赞数

文章标签： html css

本文链接：https://blog.csdn.net/Mr_aswl/article/details/110100962

版权

<link rel="stylesheet" type="text/css" href="Demo01.css">

<style>



    html{
        background-color: darkgray;
    }

    ul{
        font-size: 20px;
    }
    
    
    /*第一个单词进行改变样式  */
    ul::first-letter{
        color: pink;
        font-size: 50px;
    }
    /* 第一行进行改变样式 */
    ul::first-line{
        background-color: powderblue;
    }
    /* ul父标签进行改变,如果不变所有子标签随着父标签进行改变 */
    ul::selection{
        background-color: antiquewhite;
    }
    /* 所有li子标签进行改变 */
    ul >li::selection{
        background-color:yellow;
    }

/* 在div字符的第一个字的前面 /
div::before{
content:“隔壁的”;
color: brown;
}
/ 和最后一个字的后面增加字符 */
div::after{
content:“吴同学”;
color: aliceblue;
}