当前元素之前和之后具有SAME CLASS的所有元素的CSS选择器

Question

我在这里看：CSS Selector for selecting an element that comes BEFORE another element? ......但无法为我的问题找到正确的答案。

以下是一个小提琴示例： https://jsfiddle.net/Munja/bm576q6j/3/

.test:hover, .test:hover + .test

有了这个，当我：使用.test类悬停元素时，我实现了使用.test类更改当前元素的样式，并使用.test类更改第一个下一个元素。

我想要实现的目标是什么？

当我选择任何行/列（例如代理2）时，我想对具有相同类的所有元素应用相同的样式（在这种情况下为 .test ）。

如果仅使用css无法实现此目的， *我愿意接受和其他好的解决方案。*

谢谢。

Answer 1

在您的具体情况下，您可以使用

tbody:hover > .test { 
    background: green;
}

小提琴：https://jsfiddle.net/bm576q6j/4/

请注意，如果您在同一tbody中添加更多类，则无法提供您想要的内容。还请检查此问题：Hover on element and highlight all elements with the same class

Answer 2

所以，等了几个小时之后，我决定使用@BasvanStein回答中提到的JavaScript解决方案。将其作为答案发布在此处，以便让遇到同样问题的其他人更轻松。

这是一个工作小提琴：https://jsfiddle.net/Munja/bm576q6j/15/

pacman -S mingw-w64-{i686,x86_64}-gcc