热搜:NVER node 开发 php

请问下写css的时候,class层级过多会影响页面的渲染性能吗?_html/css_WEB-ITnose

2024-11-27 11:55:02
请问下写css的时候,class层级过多会影响页面的渲染性能吗?_html/css_WEB-ITnose

随便举个例子, 比如:

                                                                 test                           small                                         


css:
.first .first-one .first-two { margin: 0px; }
.first .first-one .first-two .first-span  small { color: black; }    // 像这样的写法会有性能问题吗?

因为我不是搞前端的,我对这个问题一直很困扰。公司也没有专业写前端的,所以上来问问。


回复讨论(解决方案)

对于前端来讲,css注重的就是代码简洁,尽量缩短,代码过长,肯定影响加载速度


一般来说,写样式,最好不要超过3个以上的层级,只要能找到对应的标签设置样式即可.

另外,层级嵌套太多,对于其他人员 可读性太差 

理论上影响。但是可以忽略不计。写这么长主要是看着别扭。

基本上不会有这种情况!
重要的是是考虑可读性的问题!

会有性能问题. 但是少量使用不会有任何影响

CSS不难, 但是写好还是不容易的. 为了方便阅读与维护, 还有页面结构的逻辑关系, 需要良好的定义