title: 如果dom结构很深如何使less写的更加优雅层级不会过多
desc: 前端<br>css<br>less
topic: 前端开发
content: 我们有一个不成文的规定，不要超过四层嵌套，不然就重构 超过四层嵌套，意味着你要选择一个很深的元素，这时候你必须有所行动 1. 利用全局样式规范 全局样式可以做很多规范，影响很多同类的元素。比如全局定义的 normalize 就可以影响非常多的样式。如果只想局部作用，那么第一层用模块 class 约束再定义 tag 或 class。2. 尽可能的用预编译器的语法 可以用 less 的 extend 或 mixin，目的也是提取公用逻辑 3. 简化 HTML 结构
answerer_tags: 前端手作人