使用css-modules
- 保留了很好的组件复用性
- 消除了全局命名的问题,在组件的 index.css 中可以随意起名字,不用担心命名冲突
- 和react 结合很好
- 很方便的按需加载 最好使用单一的英文单词命名,不需要使用BEM这类命名方式
使用SASS书写css
所有SASS文件根据模块提供必要样式,经由css-modules处理后形成唯一的类 代码格式如下(注意空格): 所有文件均由.editorconfig文件统一格式化
.foo {
background: #fff;
&.active {
color: #000;
}
}
尽可能使用Class选择器
没有必要使用ID选择器,子选择器中可以使用tag(标签)选择器