CSS3-层次选择器

Rella_w

于 2022-02-04 16:35:21 发布

阅读量538

点赞数

文章标签： css3 css 前端

本文链接：https://blog.youkuaiyun.com/Wjiahui/article/details/122771458

版权

本文介绍了CSS3中的层次选择器，包括后代选择器、子选择器和相邻兄弟选择器。后代选择器用于选取某个元素内部的指定后代元素，子选择器则专门选取元素的直接子元素，而相邻兄弟选择器则用于选取同一父元素下的相邻同级元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2.2层次选择器

        /*后代选择器*/
        body p{
            background: red;
        }

        /*子选择器*/
        body>p{
            background: #267fc4;
        }

        /*相邻兄弟选择器  ：只有一个，向下相邻*/
        .active + p{
            background: #c49726;
        }

        /*通用兄弟选择器，当前选中元素的向下的所有兄弟元素*/
        .active~p{
            background: green;
        }