CSS是否更快,当你具体?

前端之家收集整理的这篇文章主要介绍了CSS是否更快,当你具体?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
div.container是否比.container更快?
你知道像在jquery如果你更具体的选择器,它是更快,因为它迭代通过更少..这是css的情况吗?

有没有办法测量css中的性能
性能明智,这样的事情是重要的还是所有取决于文本的重量基本上?

我会很高兴,如果有人知道答案,我实际上找到了一个类似的问题,没有一定的答案。
Can CSS be more efficient if it is better specified?

解决方法

在现实世界中,速度差异可以忽略不计。
要成为技术.container会更快,因为它有更少的选择器来处理。

选择器具有固有的效率。因此,更高效的CSS选择器的顺序如下:

> ID,例如#header
> Class,例如.promo
>类型,例如div
>相邻兄弟,例如h2 p
>儿童,例如li> ul
>后代,* ul a *
>通用,即*
>属性,例如[type =“text”]
>伪类/元素,例如a:hover

关于你的第二个问题:

Is there a way to measure performance in CSS ?

Steve Souders推出了一个在线测试来测量仍然可以访问的CSS的性能here

现在有更好的方法来衡量性能,但这是一个快速和容易的资源,你可以玩。

Performance wise,does things like this even matter or does it all depend on text weight basically ?

简短的答案是“不是真的”。

长的答案是,“这取决于”。如果你在一个简单的网站上工作,真的没有意义,除了一般的知识,你可能从最佳实践中获得的CSS性能

如果你正在创建一个拥有成千上万个DOM元素的网站,那么这是重要的。

原文链接:https://www.f2er.com/css/222023.html

猜你在找的CSS相关文章