(五)LESS 规范
生活随笔
收集整理的這篇文章主要介紹了
(五)LESS 规范
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
LESS 規(guī)范
- 代碼組織
- 避免嵌套層級(jí)過(guò)多
代碼組織
1)將公共less文件放置在style/less/common文件夾
例:// color.less,common.less
2)按以下順序組織
1、@import;
2、變量聲明;
3、樣式聲明;
避免嵌套層級(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)題。
- 上一篇: 信用卡怎么查额度,有以下四种方法
- 下一篇: (二)HTTP初相识--了解HTTP协议