Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/performance/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css *选择器是否严重影响性能?_Css_Performance_Css Selectors - Fatal编程技术网

Css *选择器是否严重影响性能?

Css *选择器是否严重影响性能?,css,performance,css-selectors,Css,Performance,Css Selectors,有时我觉得这样做很有用: .someclass > *{} 选择对象的所有直接子对象。 问题是,我读到选择器是从右到左计算的,这告诉我们从一开始就获取每个html元素,然后进行筛选。 如果多次执行,是否会导致严重的性能问题 我也为css重置执行此操作: *, *:after, *:before{} 编辑:有没有一种方法可以不使用*selector选择所有直接子项?这是一个非常没有性能的选择器,但实际上对性能的影响可以忽略不计。当然,也就是说,在通用选择器上不使用诸如框阴影、动画等特性。

有时我觉得这样做很有用:

.someclass > *{}
选择对象的所有直接子对象。 问题是,我读到选择器是从右到左计算的,这告诉我们从一开始就获取每个html元素,然后进行筛选。 如果多次执行,是否会导致严重的性能问题

我也为css重置执行此操作:

*, *:after, *:before{}

编辑:有没有一种方法可以不使用*selector选择所有直接子项?

这是一个非常没有性能的选择器,但实际上对性能的影响可以忽略不计。当然,也就是说,在通用选择器上不使用诸如框阴影、动画等特性。这实际上也会减慢网站的速度


因此,如果您知道自己在做什么,您可以使用通用选择器,但是如果您希望尽可能优化您的站点性能,我建议您避免使用它。

老实说,我认为JavaScript和请求的数量和大小都有更糟糕的性能。我会避免那件事。这会造成更多的悲伤而不是帮助。就我个人而言,我现在只使用normalize.css。有没有办法测量这个?开发工具。进一步阅读:Judjing在那个页面上,这真的没什么大不了的,因为最快和最慢之间只有20%的差异,你不这么认为吗?是的,但取决于你的dom有多大,值会越来越大。仍然几乎可以忽略不计,但如果您以性能为导向,我建议您远离通用选择器。