4.CSS层次选择器

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

1  /*后代选择器*/
2     body p{
3          background: crimson;
4     }

2.子选择器：仅一代

1  /*子选择器*/
2      body>p{
3        background: hotpink;
4      }

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

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

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

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