CSS

CSS

层次选择器

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

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

2、子选择器，一代，儿子

/*子选择器*/
body>p{
    background:#123445
}

3、相邻兄弟选择器 同辈

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

4、通用选择器

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