div.container是否比.container更快?
你知道像在jquery如果你更具体的选择器,它是更快,因为它迭代通过更少..这是css的情况吗?
你知道像在jquery如果你更具体的选择器,它是更快,因为它迭代通过更少..这是css的情况吗?
有没有办法测量css中的性能?
性能明智,这样的事情是重要的还是所有取决于文本的重量基本上?
我会很高兴,如果有人知道答案,我实际上找到了一个类似的问题,没有一定的答案。
Can CSS be more efficient if it is better specified?
解决方法
在现实世界中,速度差异可以忽略不计。
要成为技术.container会更快,因为它有更少的选择器来处理。
要成为技术.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元素的网站,那么这是重要的。