层次选择器

1. 后代选择器：在某个元素的后面 祖爷爷 爷爷 爸爸 你

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

1. 子选择器,一代，儿子

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

1. 相邻兄弟选择器 同辈

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

1. 通用选择器

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