Question

css后代选择器和子选择器的区别介绍

Answer 1

子选择器的效率更高点。
当渲染CSS时，先确定后代。然后往上寻找其祖辈，找到符合的再应用样式。
因此，当明确指定子选择器时，只要在DOM树中往上找一层就行了（其实CSS有颗自己的树，这么说是为了方便理解）。然而，对于后代选择器，由于是往上找，所以要一层层确认。
当然，现代浏览器对此已经优化得很好，对于体验者而言，完全感觉不到区别。
相反的，如果不停地指定子选择器，反而会使得CSS文件臃肿，网络IO请求变慢，导致整体页面渲染变慢，影响用户体验。