高级：悬停更深的嵌套

Question

我不确切知道如何描述这个？如果你看看我制作的jsfiddle，我认为它会更好..

正如你所看到的，在某些TR元素上有一个悬停，如果TD已经有另一个bgcoler，它必须改为另一种bgcolor ..

它在前3行中运行良好，但是如果在DOM中更深层嵌套了一个新表，则新表中的绿色TD总是具有：hover类

的jsfiddle

http://jsfiddle.net/VvZuV/1/

Answer 1

改变这个：

tr:hover td.green, tr.deep:hover td.green {
    background:#7bcf81;
}

对此：

tr:hover > td.green, tr.deep:hover > td.green {
    background:#7bcf81;
}

不需要新班级。

http://jsfiddle.net/rCztp/

---

<强>解释

只要您在<tr> <table>上方徘徊，所有孩子，大孩子等都会受到您的css规则的影响。使用>意味着只有孩子会受到影响。