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...

软件开发基本原则一------典型错误

大多数典型错误其表面都具有诱惑性,给人们一种诱人的前景,但通常却不能产生期望的结果。     “想挽救进度已经落后的项目吗?---- 给项目补充更多人员!”     下面分别按照人员、过程、产...

glew库的使用要点 以及 典型错误(如glewInit无法解析等)

这是由于没有初始化glew库所造成的。

JNI:一个典型的错误——A fatal error has been detected by the Java Runtime Environment

原因:传递给本地函数的对象为null // string操作 class JNIString { static { System.loadLibrary("JNIString"); ...

总结c++内存错误的典型情况

最近遇到了c++几张内存错误的几种典型情况: 1. 拷贝构造函数导致重复释放:http://blog.csdn.net/winlinvip/article/details/7663862 2. 内...

[Golang]一个非典型的GoRoutine的错误

在不少golang入门的文章上,用并发的例子一般是这样写的;package main import ( "fmt" "time" ) func main() { mes...

浅谈Java泛型中的类型擦除以及编程中的典型错误

Java语言内置了泛型机制,使得我们可以使用一种集合对象便可以存储任意类型的对象,但是泛型机制也并不是能够随心所欲的使用的,很多时候我们不正确的使用可能会使我们产生疑惑。本文简要的分析了Java的泛型...

程序员看法上的几个典型错误(转 作者:phpchina )

程序员看法上的几个典型错误 发布日期:2012-06-07 15:42 来源:未知 作者:phpchina 点击: 1798  今天我不谈抱负理想,也不谈具体的技术,我来谈...
  • Inber
  • Inber
  • 2012年06月29日 09:09
  • 964

VC++编程 两类典型的 LNK2001错误分析及解决方法

第一类,运行环境问题 在创建MFC项目时,   不使用MFC   AppWizard向导,   如果没有设置好项目参数,   就会在编译时产生很多连接错误,   如error   LNK2001错误...

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
  • 1707
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:CSS规范 - 典型错误
举报原因:
原因补充:

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