css层次选择器(详解）

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

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

2.子选择器：一代，儿子

/*子选择器*/
body>p{
    background: #3cbda6;
}

3.相邻兄弟选择器： 同辈 (向下一个，（俗称：弟弟选择器））

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

4.通用选择器：选中元素的向下所有兄弟元素（俗称：弟弟们选择器）

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