css - #parent>*/asterisk 与#parent>div

Question

使用子选择器匹配 任何 子选择器，它恰好总是一个 div，使用 */asterisk 选择器还是简单地 会更快分区？因为它总是一个 div 和一个 child ，除了性能方面，这两个选择器都不合适。

HTML(显然不止两种)

<div id="parent">
    <div>...</div>
    <div>...</div>
</div>

CSS

#parent>* {
    padding: 2px 1em;
    }

#parent>div {
    padding: 2px 1em;
    }

如有问答请见谅，通配符很难搜索。

Answer 1

CSS 选择器是从右到左计算的。

因此对于 #parent > *，浏览器必须检查选择器的其余部分是否匹配页面上的每个元素，无论在 DOM 树中的哪个位置它位于；

而使用 #parent > div 时，浏览器可以在确定当前尝试确定选择器是否适用的元素不<时立即停止此过程/em> div 元素。

所以是的，#parent > div 在这种情况下在性能方面是完全可取的。