CSS——层次选择器

1.后代选择器
2.子选择器
3.兄弟选择器
4.通用选择器

1.后代选择器：在某个元素后面 （祖爷爷 爷爷 爸爸 你）
body p{ background:orange; }

2.子选择器，一代，儿子
body>p{ background:red; }

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

4.通用选择器
.active~p{ background:pink }