改变另一个孩子的第n个孩子,仅限CSS

时间:2015-10-29 10:13:55

标签: css css-selectors

我有一个无序列表,我已将其设置为一个表格,尝试将一些订单添加到列表中,我无法以其他方式更改(无法访问)。

当您将鼠标悬停在其中一个<li>上时,我希望列顶部的相应<li>突出显示黄色。

只有<li>中受影响的前32个孩子,所以我有这个:

#list_1 li:nth-child(-n+32):hover + #list_1 li:nth-child(-n+(n-1)) {
    background:yellow;
}

但这显然不起作用。我只能使用js找到解决方案,但我不能使用它或影响任何标记,因为它不是我的,所以它需要在CSS中完成。

有什么想法吗?

0 个答案:

没有答案