Javascript 触发CSS悬停效果到兄弟姐妹？

在本例中，当一个段落悬停在其颜色变为蓝色时，我希望所有同级段落也应用此规则。有什么方法可以实现这个CSS吗

我有使用jQuery的JavaScript所需的功能，但我想要一个纯CSS解决方案

---

编辑：在我的原始帖子中不清楚，这应该只适用于选定的元素。请参阅更新的HTML

$（“.groupHover”）.hover(
函数（）{
$（“.groupHover”）.addClass（“hoverClass”）；
},
函数（）{
$（“.groupHover”）.removeClass（“hoverClass”）；
}
);
.hoverClass{
颜色：红色；
}
.groupHover:hover{
颜色：蓝色！重要；
}

不可更改
第1行
第2行

不可更改
第3行

第4行

不可更改
 
将它们包装在一个div中，并将悬停效果放在上面：


.wrapper:hover.groupHover{
颜色：红色；
}
.wrapper:hover.groupHover:hover{
颜色：蓝色；/*尽量不要使用“重要”-仅当您迫切需要覆盖无法控制的内联样式时才应使用它*/
}

第1行
第2行

无等级，保持黑色
第3行

第4行

嘿，皮特，很抱歉我原来的帖子不清楚。这不应适用于所有子项，而应仅适用于具有“组悬停”类的子项。@Jacobbersi这只适用于“组悬停”项，“无组悬停”保持为黑色您的更新是我所需要的，谢谢您的帮助。需要注意的是，即使将鼠标悬停在“无类”项上，其他子项也会获得悬停效果。有没有办法解决这个问题？我想你需要坚持使用js，因为不幸的是，没有父母或以前的兄弟姐妹选择器，你需要知道你正在悬停一个不是组的p，而不是改变它的其他兄弟姐妹