首页htmltdHTML Element Style - 如何改变一行的背景并且当同一行中的任何单元被徘徊时

HTML Element Style - 如何改变一行的背景并且当同一行中的任何单元被徘徊时

我们想知道如何改变一行的背景并且当同一行中的任何单元被徘徊时。

<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
table {
  border: 1px solid black;
}

div {
  background-color: red;
}

tr:hover * {
  background-color: green;
}
</style>
</head>
<body>
  <table>
    <tr>
      <td>
        <div>Test1</div>
      </td>
      <td>
        <div>Test2</div>
      </td>
    </tr>
    <tr>
      <td>
        <div>Test3</div>
      </td>
      <td>
        <div>Test4</div>
      </td>
    </tr>
  </table>
</body>
</html>