css模块化
-
CSS样式表模块化
css没有作用域的概念
css样式表导入后是全局生效的,会有冲突问题
我们需要为css样式表启用模块化
在create-react-app 2.0以前,它本身是不带css-modules的
我是用的create-react-app 3.0.1
这样直接将
[name].css
改为[name].module.css
就可以达到css样式表模块化的效果-
导入样式表
import css from "../css/commentitem.module.css";
-
使用样式表
注意:css模块化只针对类选择器和id选择器生效
css模块化不会将标签选择器模块化
取消CSS样式表模块化
:gobal(.test){ font-style :italic; }
使用
global
参数可以将被模块化的选择器变为对全局生效(使用
local
参数可以将未被模块化的选择器模块化,一般不用)
-