【大数据知识点】CSS的样式规范

刘老师

  正确命名：class必须用“-”写法，不要用驼峰和下划线。

  正确嵌套：正常情况下一定要将class嵌套闭合，否则就相当于添加到全局，如果有重复命名的class就会受影响。

  拒绝copy：如果想复用已有的样式，直接在原有class上用“,”语法分割，就能应用，不要再copy一份样式，会让两份样式都被应用，就要考虑样式覆盖的问题，很不友好。

  滥用class：没有必要加的class不要加，每个class的添加都应该有明确理由。滥用class的话可能会导致样式覆盖，不该应用这个样式的地方用了这个样式。

  慎用!important，会强行覆盖所有同属性样式，一旦使用后会让代码难以维护，开发过程中绝对不要依赖该方法。如下总结了一些使用 !important的经验：

  一定要优化考虑使用样式规则的优先级来解决问题而不是 !important

  只有在需要覆盖全站或外部css（例如引用的 ExtJs 或者 YUI ）的特定页面中使用 !important

解决紧急线上问题可以使用，但之后也要尽快用可维护的方式将代码替换回来。

  永远不要在全站范围的css 上使用 !important

  永远不要在你的插件中使用!important