css层次选择器

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

body  p{

         background:red;

}

2.子选择器：一代

body>p{

         background:red;

}

3.相邻兄都选择器：只有一个  相邻（向下）

.active+p{

         background:red;

}

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

.active~p{

         background:red;

}