CSS、层次选择器

来自狂神说

1、后代选择器

某元素后面的所有

<style>
    /*后代选择器*/
    body p{
        background: aquamarine;
    }
</style>

2.子选择器

只有选中标签后的那一代的所有元素

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

3.相邻兄弟选择器

同一层，选中元素的下一个，向下选择，只有一个

  .类+p{
        background: chartreuse;
    }

4.通用兄弟选择器

同层的，对下不对上，可选多个

当前选中元素以下的同层全选

.类~p{
        background: chartreuse;
    }