4.CSS层次选择器

1.后代选择器：在某个元素的后面

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

2.子选择器：仅一代

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

3.相邻兄弟选择器：同辈，只有一个相邻（向下）

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

4.通用选择器：当前选中元素的向下的所有兄弟元素

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