浏览器匹配css规则的顺序是从右到左

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_36894136/article/details/88197384

由于每条规则都可能有多层嵌套,例如 #container p.content .title a {…},如果采用从左到右的方式读取css规则,那么大多数规则读到最后会发现是不匹配的,这样会做很多无用功。
而如果采取从右到左的方式,那么只要发现最右边的key selector不匹配,整条规则就都不必再看下去了。例如当前节点是, 那么只有最右端选择器是span或.abc或#demo的css 规则有可能匹配,其它的就可以直接被舍弃了。
根据2009年Google和Firefox的测试,right-to-left方式可以避免70%左右的无效匹配,因此目前主流浏览器都采用这种方式读取css selector(css规则).

猜你喜欢

转载自blog.csdn.net/qq_36894136/article/details/88197384