Hover with Children

[The Little Guy]

I have a table that looks like so:

 

<table>
<tr>
	<th>Header</th>
	<th>Header</th>
	<th>Header</th>
</tr>
<tr>
	<td>Item</td>
	<td>Item</td>
	<td>Item</td>
</tr>
</table>

 

How can I apply a hover effect to a "tr" element ONLY if it has a "td" child element?

[Drongo_III]

You can't apply a style to tr tags as far as i know. Can you explain a bit more?

[The Little Guy]

this worked:

 

tr:hover > td{background-color: #f1f1f1;}