logo标签列表

为什么:hover比:td:hover慢？

htmlcss
4

我重新开发了一个页面，发现它在<a>标签的click事件中使用<td>元素的hover效果。因此，我将其更改为针对<a>标签进行hover。当快速鼠标悬停于每个元素时，需要很长时间才能追赶上。我想知道为什么在大量数据中悬停<a>标记比悬停<td>更慢？

谢谢

编辑 这是更改背景颜色的操作。 td元素的padding已删除，a标签具有padding:2px 4px或类似的值，然后设置a:hover { background-color:#ccc; }。这比td:hover { background-color:#ccc; }执行得更慢。

同时使用更多的CSS规则？一个链接具有:hover、:active、:visited状态，浏览器必须运行它们。 - The Disintegrator
2
你在哪些浏览器中看到了这种行为？ - James B
还有，悬浮触发器会执行什么操作 - 它会做什么？ - graphicdivine
@JamesB：IE8（不是我的最爱，但这是一个要求）。 @graphicdivine：它改变了背景颜色。 - Kieran Senior
'a'标签是否已经关闭？ - Noon Silk
Kezzer：嗯。那么，唯一要做的就是在独立页面中复制它，看看是否会出现相同的效果。我认为，这可能是由于某些未关闭的标签引起的。 - Noon Silk
1个回答
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接