层次选择器 后代选择器 在某个元素的后面,祖爷爷,爷爷,爸爸,你 /*后代选择器*/ body p{ /* body后的所有p标签*/ background-color: red; } 子选择器 一代,儿子 /*子选择器*/ body->p{ background-color: blue; } 相邻兄弟选择器 同辈 /*相邻兄弟选择器:只有一个,相邻向下延伸的*/ .active + p{ background-color: blueviolet; } 通用选择器 /*通用选择器 当前选中元素的向下的所有兄弟元素*/ .active~p{ background-color: green; }