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 规范相关推荐

  1. 【代码规范】prettier

    prettier 每个开发人员都有自己的撸码风格,例如: 示例一 function foo(items) {return items.filter(item => item.checked).m ...

  2. WCF(五) 深入理解绑定

    适用于本机WCF-WCF交互性能最佳的绑定: 允许跨主机,但只能用于部署同一台主机上,不能访问命名管道 netNamePipeBinding总结 一 WCF与SOA SOA是一种通过为所有软件提供服务 ...

  3. java代码开发规范

    一  编码规范 1.1      命名规范 代码中的命名均不能以特殊字符(如下划线.$#符号)开始或结束. 反例: _name / #Object 2. 代码中的命名严禁使用拼音与英文混合的方式,更不 ...

  4. 破除“论文至上”!两部委发文规范SCI指标使用

    ‍ 今日,有消息源爆出,教育部和科技部联合印发重磅通知--<关于规范高等学校SCI论文相关指标使用 树立正确评价导向的若干意见>(下简称意见),通过十条规定,规范各类评价工作中SCI论文相 ...

  5. php function curl token_最全PHP代码规范

    FIG制定的 PHP 规范,简称 PSR,是 PHP 开发的事实标准.FIG 是 Framework Interoperability Group (框架可互用小组) 的缩写,由几位开源框架的开发者成 ...

  6. 阿里 前端 规范_阿里前端开发规范

    前端代码规范 Front Standard Guide 前端 JS 项目开发规范 规范的目的是为了编写高质量的代码,让你的团队成员每天得心情都是愉悦的,大家在一起是快乐的. 引自<阿里规约> ...

  7. SQL——数据库使用规范(入门规范)

    一.基础规范 1.使用InnoDB存储引擎 2.库.表.列字符集使用utf8mb4,utf8mb4兼容utf8且可以存储表情字符. 3.建议所有表.所有列都需要添加注释 4.不在数据库中存储图,文件等 ...

  8. 深圳市龙华区关于规范产业用房租赁市场稳定租赁价格的实施细则(修订)

    第一章  总则 第一条 为降低实体经济用房成本,持续优化营商环境,根据<深圳市关于规范产业用房租赁市场稳定租赁价格的若干措施(试行)>(深府规[2019]8号).<深圳市龙华区关于规 ...

  9. MySQL运维及开发规范

    一.基础规范 (1) 使用INNODB存储引擎 (2) 表字符集使用UTF8 (3) 所有表都需要添加注释 (4) 单表数据量建议控制在5000W以内 (5) 不在数据库中存储图.文件等大数据 (6) ...

  10. 凝聚共识,共话发展,“五真•黄十字”引领亚健康专业调理机构标准化建设再提速

    8月20-28日,由中国健康集团承办的<亚健康专业调理机构规范化建设研讨>在珠三角大湾区举行.此次会议主题为:"新政策.新产业.新模式.新技术",重点分析了新形势下亚健 ...

最新文章

  1. 1. spring boot起步之Hello World【从零开始学Spring Boot】
  2. 4-10 :selected选中状态选择器
  3. JS破解专题|光汇云油登录算法
  4. [Student.Achieve] 学生教务管理系统开源
  5. masked_fill【将mask中值为True的位置对应的待填充的张量设置为value值】
  6. Expression Blend 利用 SketchFlow 制作原型
  7. 给机器人罗宾写一封英语回信_近10年高考英语书面表达真题及范文大汇总! 把握高考命题新趋势!...
  8. java arryalist去重复_java ArrayList去重复值
  9. learun力软敏捷开发框架
  10. 当我在荒废时间的时候会有多少人在拼命
  11. java简单的猜数字游戏
  12. 【CI/CD】详解自动化开发之CI/CD(持续集成、持续交付、持续部署)
  13. #笔记#微信小程序的bindtap如何传参
  14. VSCode RemoteSSH 过程试图写入的管道不存在问题 解决
  15. hello树先生经典台词
  16. “泰迪杯”挑战赛-通过数据挖掘和监控分析网络舆情的关联度
  17. 毕业设计So Easy:JSP+layui+MySQL实现Web端图书管理系统
  18. mysql 索引方法_mysql索引方式
  19. 数据分析 --- 如何分析数据
  20. wifi底层学习之路:三,Linux内核子系统mac80211

热门文章

  1. 机器学习实战(用Scikit-learn和TensorFlow进行机器学习)(五)
  2. 你......真的了解我吗?
  3. 同实例下复制表的2种方法
  4. Win10 Build 11099和11102的更动超过1200项
  5. 用Android NDK打造自己的toolchain(使用C/C++默认的Makefile)
  6. 做一个.net 程序员要掌握的知识提纲
  7. MPLS ×××实验之OSPF sham-link
  8. SVN忽略不必要的配置文件
  9. WCF枚举属性 出错 wcf 枚举的一个陷阱
  10. Win2003_IIS6服务器设置排错解答