css - 行と子を選択

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;
}

witch はすべての子供に有効です (この考えで望ましくない結果が得られる可能性があります...)

または、より具体的に、効果を実際に発生させたい witch のすべての子をリストします

元：

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

Answer 2

a の子にカーソルを合わせると、tr事実上 にtrもカーソルが移動するため、ターゲットにする必要があるのは最上位の要素 ( thetr )だけです。

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