- 用CSS modules的作用：产生局部作用域和模块依赖，防止不同组件用同一个类名时，样式出现冲突。
- 用法：
在React开头引入样式作为对象
import style from './App.css'
引用style.title代表一个class，在css文件中写的是.title{color:red;} 在jsx中，用的是<h1 className={style.title}>Hello world</h1>
构建工具会将类名style.title编译成一个hash字符串，同时css也会被编译成对应的hash字符串。这样一来，类名就独一无二了，只对这个组件有效。
如果要用css modules，需要安装css-loader插件。 - 初次以外，css modules允许使用:global(.className)的语法，声明一个全局规则，凡是这样声明的class，都不会被编译成哈希字符串。
- 在css modules中，一个选择器可以继承另一个选择器的规则，这成为组合composition。
.className {
background-color: blue;
}
.title {
composes: className;
color: red;
}
也可以继承其他css文件里的规则
.title {
composes: className from './another.css';
color: red;
}
div居中方法
- flex布局实现（已知宽度）
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>d
最低0.47元/天 解锁文章
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
