📝 代码查看
使用runcode.html页面

2
查看次数
2025-12-04
创建时间
2025-12-04
最后更新
<table border=1>
  <tr>
    <td>Lorem.</td>
    <td>Adipisci?</td>
    <td>Accusantium.</td>
    <td>Repellat.</td>
    <td>Tempore.</td>
    <td>Dolores.</td>
  </tr>
  <tr>
    <td>Lorem.</td>
    <td>Tempore.</td>
    <td>Quam.</td>
    <td>Consequuntur.</td>
    <td>Numquam.</td>
    <td>Eligendi.</td>
  </tr>
  <tr>
    <td>Lorem.</td>
    <td>Maxime!</td>
    <td>Temporibus?</td>
    <td>Rem?</td>
    <td>Amet.</td>
    <td>Nisi.</td>
  </tr>
  <tr>
    <td>Lorem.</td>
    <td>Accusamus.</td>
    <td>Rem.</td>
    <td>Dolor.</td>
    <td>Iure.</td>
    <td>Id!</td>
  </tr>
  <tr>
    <td>Lorem.</td>
    <td>Quasi!</td>
    <td>Magni?</td>
    <td>Veritatis.</td>
    <td>Minima.</td>
    <td>Impedit!</td>
  </tr>
  <tr>
    <td>Lorem.</td>
    <td>Saepe!</td>
    <td>Debitis.</td>
    <td>Optio!</td>
    <td>Totam!</td>
    <td>Vero.</td>
  </tr>
  <tr>
    <td>Lorem.</td>
    <td>Cupiditate.</td>
    <td>Deleniti.</td>
    <td>Quas!</td>
    <td>Ab!</td>
    <td>Libero.</td>
  </tr>
  <tr>
    <td>Lorem.</td>
    <td>Laboriosam?</td>
    <td>Impedit!</td>
    <td>Minus.</td>
    <td>Sint.</td>
    <td>Iste!</td>
  </tr>
  <tr>
    <td>Lorem.</td>
    <td>Voluptatum.</td>
    <td>Laborum.</td>
    <td>Quod.</td>
    <td>Eaque!</td>
    <td>Sint.</td>
  </tr>
  <tr>
    <td>Lorem.</td>
    <td>Eum.</td>
    <td>Possimus!</td>
    <td>Expedita.</td>
    <td>Dignissimos.</td>
    <td>Eligendi!</td>
  </tr>
</table>
* {
  xbackground-color: rgba(0,0,0,0.08);
  xbox-shadow: inset 0 0 1px red;
}
html {
  xzoom: 2;
}


table {
  border-collapse: collapse;
}

tr:hover {
  background-color: magenta;
}
table:has(td:nth-child(1):hover) td:nth-child(1),
table:has(td:nth-child(2):hover) td:nth-child(2),
table:has(td:nth-child(3):hover) td:nth-child(3),
table:has(td:nth-child(4):hover) td:nth-child(4),
table:has(td:nth-child(5):hover) td:nth-child(5),
table:has(td:nth-child(6):hover) td:nth-child(6),
table:has(td:nth-child(7):hover) td:nth-child(7),
table:has(td:nth-child(8):hover) td:nth-child(8),
table:has(td:nth-child(9):hover) td:nth-child(9),
table:has(td:nth-child(10):hover) td:nth-child(10) {
  background-color: magenta;
}
暂无JavaScript代码

👁️ 实时预览