CSS规范 - 典型错误

转载 2015年07月06日 21:04:40
不符合NEC规范的选择器用法
  • .class{}

    不要以一个没有类别的样式作为主选择器,这样的选择器只能作为后代选择器使用,比如.m-xxx .class{}。

  • .m-xxx div{}

    不要以没有语义的标签作为选择器,这会造成大面积污染,除非你可以断定现在或将来你的这个选择器不会污染其他同类。

  • .g-xxx .class{}

    不要在页面布局中使用后代选择器,因为这个后代选择器可能会污染里面的元素。

  • .g-xxx .m-yyy{}.g-xxx .u-yyy{}

    不要用布局去控制模块或元件,模块和元件应与布局分离独立。

  • .m-xxx .f-xxx{}.m-xxx .s-xxx{}

    不要通过模块或其他类来重定义或修改或添加已经定义好的功能类选择器和皮肤类选择器。

  • .m-xxx .class .class .class .class{}

    不要将选择器写的过于冗长,这会额外增加文件大小并且限制了太小范围的选择器,使树形结构过于严格应用范围过于局限,建议3-4个长度之内写完。

    选择器并不需要完整反映结构嵌套顺序,相反,能简则简。

  • .m-xxx .m-yyy .zzz{}

    不要越级控制,如果.zzz是.m-yyy的后代选择器,那么不允许.m-yyy之外的选择器控制或修改.zzz。

    此时可以使用.m-yyy的扩展来修改.zzz,比如.m-yyy-1 .zzz{}。

扩展类使用错误

扩展类必须和其基类同时使用于同一个节点。

  • 错误:class="g-xxx g-yyy-1" class="m-xxx-1" class="u-xxx u-yyy-1" class="xxx-yyy"。
  • 正确:class="g-xxx g-xxx-1" class="m-xxx m-xxx-1" class="u-yyy u-yyy-1" class="xxx xxx-yyy"。

相关文章推荐

sublime text 3 插件 【编写高质量 JavaScript & CSS 代码】高亮提示用户编写的代码中存在的不规范和错误的写法

作为一个高逼格的前端开发者,自然编辑器的高大上决定了我们码代码的速度;sublime作为轻型的开发编辑器,一直以来都以简洁,占用空间小,启动速度快,主题鲜明等 广为开发者所喜爱;今天给大家介绍一款su...

Linux下安装ArcSDE的一种典型错误和解决方法

1 环境说明: Oracle10.2.0.1_linux_x86_64 Linux RadHat Enterprise5_64 ArcSDE 9.3.1 For Linux_oracle10g_...
  • esricd
  • esricd
  • 2012-04-16 10:12
  • 1637

快速开发:有效开发、策略与典型错误

快速开发的总体战略包括以下四种:避免典型错误、打好开发基础、管理风险、面向进度的实践。 开发速度一般由四个维度决定:人员、过程、产品、技术。 人员: 发挥人员最大潜能的方法:项目组成员的选择(绝顶...

快速软件开发(三)- 典型错误

软件开发是一项复杂的活动。一个典型的软件开发项目可能会给你提供很多的机会去从错误中吸取经验教训,甚至比有些人一生获得的机会还多。 项目典型错误包括人员相关的错误、过程相关的错误、产品相关的错误、技术相...

【读书笔记】C程序中常见的内存操作有关的典型编程错误

对C/C++程序员来说,内存管理是个不小的挑战,绝对值得慎之又慎,否则让由上万行代码构成的模块跑起来后才出现内存崩溃,是很让人痛苦的。因为崩溃的位置在时间和空间上,通常是在距真正的错误源一段距离之后才...
  • slvher
  • slvher
  • 2013-06-22 14:28
  • 1173

程序员看法上的几个典型错误

今天我不谈抱负理想,也不谈具体的技术,我来谈几个看法上的典型错误。下面的这些问题都是我曾经遇到,或者是我的朋友们遇到过的问题,这些都是我个人的理解,希望对大家有帮助。 关于设计模式、设计原则 ...
  • yaday
  • yaday
  • 2012-08-27 17:20
  • 906

【LeetCode】Populating Next Right Pointers in Each Node II典型错误示例与分析

博客沉寂了小半年,现在放了假终于又闲下来了,从今天开始每天要继续做题,争取每天更新一篇博文! 这道题我采用的办法没有任何技术含量,沿用问题一中的思路采用深度优先搜寻,对每个节点分别递归左右子树,但是提...

Java编码中的典型错误

好的程序从好的编码开始,好的编码从好的规范开始
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)