当表行悬停时，更改包含链接的背景颜色

Question

我一直在使用以下jquery代码来设置表格行的样式。

$('tr').hover(function() {  
    $('tr td').css('color', '#ffffff'); 
    $('tr td a').css('background', '#0080ff');  
});

$('tr').mouseleave(function() { 
    $('tr td').css('color', '#222222'); 
    $('tr td a').css('background', '#ffffff');
});

这很好用，但我想知道有一个CSS替代方案。这似乎是一种比我现在更有效的方法，但我真的不太了解CSS。

使用以下CSS的问题

tr:hover {
    color:#ffffff;
}

是当表格行悬停时，锚标记仍然保持相同的颜色。是否有任何通过CSS悬停在表格行上的方法可以触发嵌套在给定表格行内的锚标记来改变颜色？

Answer 1

这取决于你的其他CSS选择器，但这可能会起作用：

tr:hover td {
    color: white;
}


tr:hover td a {
    background: #0080ff;
}

Answer 2

td:hover a {
    your link style on row hover
}