试图瞄准另一个li成员 - 只是部分工作

时间:2014-07-21 19:36:22

标签: css css-selectors

我有一个包含2个项目的li列表,它们是“RMS”和“RPM”。当您翻转RMS时,背景会发生变化,并使用以下内容定位RPM,以使RPM元素更改为红色。我也需要同样的事情来为对方工作(翻转RPM和背景变化,但RMS不是目标)。我似乎无法让它因某些原因而起作用。

li:hover + li#RPM {
background-color:red;
}
li:hover + li#RMS {
background-color: #CCC;
}

JSFiddle Demo

1 个答案:

答案 0 :(得分:1)

+ CSS选择器按定义查找下一个兄弟。之前没有元素CSS选择器。您可能必须使用Javascript或jQuery来完成此任务。