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

Question

有时我发现这样做非常有用：

.someclass > *{}

到select一个对象的所有直接子对象。 问题是我读到 selectors 从右到左进行评估，所以这告诉我从头开始获取每个 html 元素，然后进行过滤。 如果多次执行，这会导致严重的性能问题吗？

我的 css 重置也这样做：

*, *:after, *:before{}

编辑：有没有办法在不使用 * selector 的情况下 select 所有直接子级？

Answer 1

这是一个性能很差的选择器，但实际上对性能的影响可以忽略不计。也就是说，当然不使用通用选择器上的框阴影、动画等属性。这实际上也会减慢网站速度。

因此，如果您知道自己在做什么，可以使用通用选择器，但如果您想尽可能优化网站性能，我建议您避免使用它。