Bootstrap CSS 编码规范之Less 和 Sass 中的嵌套

Less 和 Sass 中的嵌套

避免不必要的嵌套。这是因为虽然你可以使用嵌套，但是并不意味着应该使用嵌套。只有在必须将样式限制在父元素内（也就是后代选择器），并且存在多个需要嵌套的元素的时候，才使用嵌套。

1. // Without nesting
2. .table > thead > tr > th { … }
3. .table > thead > tr > td { … }
5. // With nesting
6. .table > thead > tr {
7.   > th { … }
8.   > td { … }
9. }

   关于作者

   歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》，并全部在 GitHub 上开源。