css - CSS 伪类会先于其他选择器被读取吗？

Question

CSS 从右到左读取，但伪类是在它们附加的选择器之前还是之后读取？

例如，在:

p:first-child {}

浏览器是匹配每个 p 元素，然后确定它是否是第一个子元素，还是匹配每个元素的每个第一个子元素，然后确定它是否是 p 元素？

我想象浏览器匹配该元素，然后确定它是否是 :first-child、:nth-child 等，但我想确定..

Answer 1

"Do browsers match every p-element, and then determine whether it's first-child, or does it match every first child of every element, and the determine whether it's a p-element?"

都没有。浏览器不会寻找要应用规则的元素，它会寻找要应用到元素的规则。

当检查一个规则是否适用于一个元素时，如果它首先检查它是否是一个 p 元素或者它是否是第一个子元素并没有太大区别。两者都很容易确定。