css数据渲染性能比较

判断以下两种样式哪一个渲染更节省性能，效率更高。

div a {

}
a {

}

大部分人都会选中第一个。因为先找到父级或祖辈级元素，然后再从内部元素寻找，从而排除其他多余元素，看似毫无问题，但是却忽略了css的样式查找是从右到左进行的，也就是说他会先找到所有的a标签，然后再去找父级或祖辈元素div进行排除。所以可以看出，css最先找到的其实是就内层的元素，自然直接使用a标签进行渲染的效率更高。