层次选择器

一，

/*
后代选择器 在某个元素后面，爷爷，爸爸，自己
 */
body p{
    background: red;
}

二，

/*
子代选择器  只有下一代
 */
body>p{
    background: blue;
}

三，

/*
相邻兄弟选择器 该元素的相邻的兄弟，对下不对上
 */
.liguangyao+p{
    background: red;
}

四，

/*
通用选择器 选中元素的下面所有同级元素
 */
.liguangyao~p{
    background: red;
}