极端嵌套的CSS会降低网页的速度吗？

我在web应用程序的仪表板上有一个

表

。其中一个主干视图会动态地向其中添加行。虽然新元素的添加速度很快，但当

s的数量超过100时，滚动会滞后

我在每个

上都有一个

mouseout

事件绑定，现在我已经去掉了它。但这并没有解决问题。我现在认为CSS是罪魁祸首。我已经为

tbody:first child

、

tr:first child

、

td:last child

定义了正常和

hover

状态的嵌套样式，以及

tbody

、

tr

和

tbody:hover

、

tr:hover

、

td:hover

的常规样式

虽然我非常怀疑这是造成延迟的原因，但我没有其他的怀疑。CSS是否有可能增加了减速

---

CSS-

似乎并不是深度嵌套的CSS减缓了它的速度。这可能是完全模糊的，但我仍然会张贴什么为我工作

---

我的设置是将100个

和大约40个

添加到

中，然后根据用户活动删除/重新呈现。当然，这在IE中不起作用，因为IE不允许在加载

DOM

后添加

s。因此，我求助于使用

div

s和

span

s，令人惊讶的是，这减少了其他浏览器的延迟。现在一切都很顺利。

您是否尝试删除有问题的CSS？它仍然滞后吗？我没有看到任何“极端嵌套”的例子。不过，某些样式效果可能会导致滚动缓慢。如果你使用非常微小的重复背景（比如2x2微小的），Opera chugs会让你大吃一惊。我听说box shadow的资源特别密集。没有代码，我们只是猜测。我看到过嵌套CSS只会导致渲染延迟的报告。我们可以在jsfiddle.net上看到您的代码吗？我在这里添加了CSS-@thirtydot，我将尝试重做样式并在今天晚些时候进行更新。@Lee-大部分DOM是由主干视图构建的，这将使许多代码粘贴到这里。尽管您可以登录并检查应用程序，如果您愿意的话。[url:，用户：test@rankdemon.com，pass:rankdemon]另外，在对CSS进行了一点消毒之后，这个问题似乎得到了解决。