如何使用CSS选择h2元素后的直接相邻子元素？

针对你提出的需求（选中class为test的h2元素之后的直接相邻同级p元素），对你的两种写法分析如下：

• .test < p：该写法完全无效，CSS标准中不存在这种语法，目前也没有所谓的“反向相邻选择器”可以通过此类写法选中目标元素。
• .test + p：该写法正确可行，这是CSS的相邻兄弟选择器，作用就是选中紧接在指定元素之后的第一个同级兄弟元素，正好匹配你示例里h2之后的p元素。

补充：如果需要选中h2之后所有同级的p元素（而非仅第一个），可以使用通用兄弟选择器.test ~ p，但你的场景用+选择器就足够满足需求。

内容的提问来源于stack exchange，提问作者erniberni