html - 如何仅在表格中的某些单元格上使用 CSS 悬停？

Question

如何仅在表格中的某些单元格上使用 CSS 悬停？
我可以关闭那些我不想应用它的应用程序吗？我正在使用这个:

td:hover {
    border-style:dotted;
    border-color:#F60;
    border-width:medium;
    border-left-style:dotted;
    border-right-style:dotted;

}

但我需要它只适用于某些单元格

Answer 1

无需为所有单元格指定样式，您可以创建一个类并将其仅应用于您想要样式的单元格。将您的 CSS 更新为:

.myclass:hover {
    border-style:dotted;
    border-color:#F60;
    border-width:medium;
    border-left-style:dotted;
    border-right-style:dotted;

}

然后你在 HTML 代码中做这样的事情:

<table>
  <tr>
    <td class="myclass">Cell 1 with special hoover</td>
    <td>Cell 2</td>     
    <td>Cell 3</td>
  </tr>
</table>