我想要更改所有大于光标所在位置的li元素的css颜色。为了清楚起见,我举了一个例子:假设我在一个无序列表(ul -.When)中有10个li元素,我将鼠标悬停在第5个元素上,我希望从5到10的所有元素都将更改css颜色(前4个元素默认保持为黑色)。我的代码是这个,但它不能工作:
$(function(){
$("li").hover(
function () {
var l = $("li").index(this);
我想集成一个主题标签到我的元素中,这样它们就会以不同的颜色出现。但是,由于css选择器具有相同的css特异性,因此最新定义的规则将覆盖先前定义的规则。
这是一个显示我的问题的示例:
<div class="red">
<div class="box">This should be red</div>
<div class="yellow">
...
<div class="box">This should be yellow (nested