CSS子选择器及其渲染速度一般

时间:2013-06-10 14:28:35

标签: css

我刚刚发现我编写CSS的方式根本没用。这是最不推荐的方式。我之前因为不熟悉最佳实践而烦恼!

我正在进行一个项目,我完成了页眉和页脚。项目很复杂,有很多飞出菜单,所以我花了一些时间来创建html标记和样式。我在CSS中超过600行。

现在我正在考虑把它全部钎焊,从零开始,用我最好的方法开始吧!

但我不知道它会有什么不同吗?

我有这些:

.page_menu ul li a:hover, #page_menu_fixed ul.nav li a:hover
#page_menu_fixed ul.cats ul.flyout_first > li > .flyout_search > .search_field

不是分配给他们,但在少数几个地方我使用这个过长的选择器:S你觉得怎么样?

1 个答案:

答案 0 :(得分:0)

只记得从右到左阅读选择器的浏览器,以及浏览器需要“找到”CSS越快的特定元素或更少的元素。整体css大多数时间不是渲染速度的问题。大约600行的CSS就像10-20毫秒?专注于服务器速度,图像和大型javascripts。