Css 悬停在锚定标记上会在长页面上减慢速度

我希望这是一个简单的页面，但是我有一个页面，其中有一个包含许多行的表，用户可以决定查看从每页50行到“整个”列表（大约1500行）的任意位置。我注意到，当每页查看更多行时，“a:hover”样式会明显变慢。在Firefox/Chrome/Safari中还不错，但在IE7中却很糟糕。当有大量锚使用这种风格时，处理锚悬停的最佳方式是什么

以下是我目前使用的CSS：

a.brochurelink{
color:#000000;
font-weight:bold;
text-decoration:none;
}

a.brochurelink:visited{
color:#9900BD;
}

a.brochurelink:hover{
text-decoration:underline;
color:#0000FF;
}

---

我猜问题不在于CSS，而在于1500行！听起来你正在突破浏览器的极限。我会坚持分页，您的用户会感谢您。

IE的DOM实现一直非常缓慢。甚至IE8使用DOM的速度也比当前任何其他浏览器慢4到5倍。对网站性能感兴趣的人已经一次又一次地证明了这一点

CSS:hover伪选择器确实需要浏览器进行一定量的处理，才能在正确的元素上正确呈现它。是的，我可能在挣扎

如果你用鼠标悬停（比如说你实际上在显示/隐藏一个元素，调整某个大小）所做的事情比你在上面发布的要多，那么这将触发页面回流，整个DOM都必须重新计算，这将非常缓慢