关于css选择符嵌套深度的问题

Question

视频里，老师使用header .top ul li a 来给<a>标签加样式，这里使用了4层嵌套；实际上在不考虑权重覆盖和冲突的情况下，通过header .top ul a（都是后代元素）也能选到<a>标签，甚至ul都可以省略掉。之前看过有关这方面的文章，依稀记得说过css选择符不要嵌套太深，请教下老师对这个问题怎么看。

Answer 1

姜维 2016-07-24 20:36:00

是的，CSS会从右到左匹配，选择符嵌套太深或者不合适的选择符会影响性能，这里主要是为了让大家更清楚层级关系。你说的这个很好，属于前端性能优化范畴的东西。