欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-04-10 22:19:08
...
随便举个例子, 比如:
test small


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

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


回复讨论(解决方案)

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


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

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

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

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

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

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