1.后代选择器:在某个元素的后面 祖爷爷 爷爷 爸爸 你
/*后代选择器*/
body p{
background:red;
}
2.子选择器:一代,儿子
/*子选择器*/
body>p{
background: #3cbda6;
}
3.相邻兄弟选择器: 同辈 (向下一个,(俗称:弟弟选择器))
/*相邻兄弟选择器:只有一个,相邻(向下)*/
.active + p{
background: #a13d30;
}
4.通用选择器:选中元素的向下所有兄弟元素(俗称:弟弟们选择器)
/*通用兄弟选择器,当前选择元素的向下所有兄弟元素*/
.active~p{
background: #02ff00;
}