浏览器引擎从右到左匹配CSS选择器。所以他们首先找到孩子,然后检查他们的父母,看他们是否符合规则的其余部分。
对我来说,最简单的方法就是使用元素数最少的选择器。所以ID首先(因为他们应该只返回1元素)。然后可能是类或节点数最少的元素 - 例如,页面上可能只有一个跨度,因此可以使用任何引用跨度的规则直接到该节点。
这听起来像是这样做的,以避免必须查看所有的父母的孩子(可能是很多),而不是所有的孩子的父母必须是一个。即使DOM很深,它也只能在RTL匹配中查看每个级别的一个节点,而不是多个节点。评估CSS选择器LTR或RTL更简单/更快吗?
相似问题