css - 列表项在悬停时更改颜色，而不是在嵌套跨度悬停时

Question

我在 li 元素中有一个嵌套的 span。我希望 li 的颜色仅在鼠标悬停时发生变化。然而

#sortable li:hover:not(.ce){
  background-color:#3f0;
  cursor:pointer;
}

不起作用。当我的光标在跨度上时，li 也会改变颜色。我怎样才能让 li 只在它——而不是 span——悬停时改变颜色？

http://jsbin.com/alExeVO/16/edit

Answer 1

作为您的 <span>是 <li> 的一部分您的代码按预期运行。一个 hack 是在你的跨度上添加一个悬停，这样它就会变成原来的颜色。