CSS学习（二）——通用选择器

层次选择器

1. 后代选择器

   在某个元素的后面，祖爷爷，爷爷，爸爸，你

    /*后代选择器*/
           body p{
           /*    body后的所有p标签*/
               background-color: red;
           }
   

2. 子选择器

   一代，儿子

    /*子选择器*/
           body->p{
               background-color: blue;
           }
   

3. 相邻兄弟选择器 同辈

   /*相邻兄弟选择器：只有一个，相邻向下延伸的*/
           .active + p{
               background-color: blueviolet;
           }
   

4. 通用选择器

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