选择行和子项

Question

我可以选择tr。

我可以选择一个tr的孩子。

如何选择tr 和其子女？

例如，我希望在行或其任何'子项悬停时，更改整行及其子项的background-color。

我也可以。我不能两者兼顾。

非常感谢提前！

特异性

我应该补充一点，我想要包含所有子项，例如输入。

绝对应该更清楚。 ：/

Answer 1

tr:hover, td:hover, tr:hover td {
   background-color:green;
}

其他孩子要么

tr:hover, td:hover, tr:hover * {
   background-color:green;
}

女巫将适用于所有孩子（你可能会因为这个想法而得到不想要的结果......）

或者，更具体一点，并列出女巫中你真正想要效果的所有孩子

例如：

tr:hover, td:hover, tr:hover td, , tr:hover input[text], tr:hover .myHoverClass {
   background-color:green;
}

Answer 2

当您将鼠标悬停在tr的孩子身上时，您有效地将鼠标悬停在tr上，因此您需要定位的是最高元素（ tr < / em>的）

tr:hover,
tr:hover td{
   background-color:red;
}