4.CSS层次选择器
1.后代选择器:在某个元素的后面
1 /*后代选择器*/ 2 body p{ 3 background: crimson; 4 }
2.子选择器:仅一代
1 /*子选择器*/ 2 body>p{ 3 background: hotpink; 4 }
3.相邻兄弟选择器:同辈,只有一个相邻(向下)
1 /*相邻兄弟选择器:只有一个相邻(向下)*/ 2 .active + p{ 3 background: coral; 4 }
4.通用选择器:当前选中元素的向下的所有兄弟元素
1 /*通用兄弟选择器:当前选中元素的向下的所有兄弟元素*/ 2 .active~p{ 3 background: burlywood; 4 }