html中ul怎么整体移动,html – 如何仅在嵌套的ul中悬停当前的li？

我相信只有CSS才能获得最接近的是从悬停元素的子项中删除悬停样式……这对父母没有帮助.

li:hover {

background-color: lightgray;

}

li:hover {

font-weight: bold;

}

li:hover ul {

background-color: white;

font-weight: normal;

}

• fnord
  • baz
  • foo
    • baz
    • foo
• gnarf
  • baz
  • foo
    • baz
    • foo

您找到的副本上接受的答案是我使用e.stopPropagation：Cascading

-hover effect using CSS看到用JavaScript执行此操作的最佳方式.您希望在该选择器中比’all lis’更具体：

$('li').mouSEOver(function(e)

{

e.stopPropagation();

$(this).addClass('currentHover');

});

$('li').mouSEOut(function()

{

$(this).removeClass('currentHover');

});

.currentHover {

background-color: red;

}

li.currentHover ul {

background-color: white;

}

• fnord
  • baz
  • foo
    • baz
    • foo
• gnarf
  • baz
  • foo
    • baz
    • foo