LESS 規范

• • • 代碼組織
    • 避免嵌套層級過多

代碼組織

1)將公共less文件放置在style/less/common文件夾
例:// color.less,common.less

2)按以下順序組織
1、@import;
2、變量聲明;
3、樣式聲明;

@import "mixins/size.less";@default-text-color: #333;.page {width: 960px;margin: 0 auto; }

避免嵌套層級過多

將嵌套深度限制在3級。對于超過4級的嵌套，給予重新評估。這可以避免出現過于詳實的CSS選擇器。
避免大量的嵌套規則。當可讀性受到影響時，將之打斷。推薦避免出現多于20行的嵌套規則出現

不推薦：

.main{.title{.name{color:#fff}} }

推薦：

.main-title{.name{color:#fff} }

總結

以上是生活随笔為你收集整理的（五）LESS 规范的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。