CSS编码规范

首发于fxm5547的博客

使用css-modules

css-modules

  • 保留了很好的组件复用性
  • 消除了全局命名的问题,在组件的 index.css 中可以随意起名字,不用担心命名冲突
  • 和react 结合很好
  • 很方便的按需加载
    最好使用单一的英文单词命名,不需要使用BEM这类命名方式

使用SASS书写css

所有SASS文件根据模块提供必要样式,经由css-modules处理后形成唯一的类
代码格式如下(注意空格):
所有文件均由.editorconfig文件统一格式化

.foo {
  background: #fff;

  &.active {
    color: #000;
  }
}

尽可能使用Class选择器

没有必要使用ID选择器,子选择器中可以使用tag(标签)选择器

你可能感兴趣的:(CSS编码规范)