LESS 規(guī)范

• • • 代碼組織
    • 避免嵌套層級(jí)過(guò)多

代碼組織

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; }

避免嵌套層級(jí)過(guò)多

將嵌套深度限制在3級(jí)。對(duì)于超過(guò)4級(jí)的嵌套，給予重新評(píng)估。這可以避免出現(xiàn)過(guò)于詳實(shí)的CSS選擇器。
避免大量的嵌套規(guī)則。當(dāng)可讀性受到影響時(shí)，將之打斷。推薦避免出現(xiàn)多于20行的嵌套規(guī)則出現(xiàn)

不推薦：

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

推薦：

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

總結(jié)

以上是生活随笔為你收集整理的（五）LESS 规范的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。