在CSS中使用tr：hover

Question

正在使用Wordpress网站＆amp;对style.css进行一些更改以影响站点中的表。

它的课程表＆＃la;＆＃39;我所做的编辑是：

table.lassa {
border-width: 1px;
border-color: #99cc00;
border-collapse: collapse;
}
table.lassa th {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #99cc00;
background-color: #dedede;
}
table.lassa td {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #99cc00;
background-color: #ffffff;
}

table.lassa tr:hover {
background-color: Green;
}

......一切正常 - 除了 tr：hover 位

它甚至不重要，但我想知道我哪里出错了。我是一个SEO人而不是外出＆amp; out code junkie所以总是想知道为什么某些事情并没有像我期望的那样做！ ：）

谢谢！

Answer 1

因为背景颜色位于'td'而不是'tr'，'tr'元素实际上位于'td'元素后面，所以如果设置'td'，你永远不会看到它的背景颜色，改变到下面：

table.lassa tr:hover td{
  background-color: Green;
}