本文主要是介绍6.层次选择器，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

6.层次选择器

代码部分:

1. 后代选择器

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

    

2. 子选择器

    /*子选择器*/
    body>p {
        background: greenyellow;
    }

    

3. 相邻兄弟选择器

    /*相邻兄弟选择器: 只有一个, 相邻(向下)*/
    .active + p{
        background: hotpink;
    }

    

4. 通用选择器

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

    

笔记部分:

这篇关于6.层次选择器的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！