css module

1、每个css文件都当作独自的模块,指令xxxx.module.css
2、为每个className 添加后缀名,不让他重复
3、Create-React-App 原生支持css Module

运用方法
定义xxxx.module.css 文件比如我定义了user.module.css
在里面定义了一个css

.container {
    border: 1px solid red;
}

那么在运用的时分可以这么用

 // 第一步:
import style from './user.module.css'
// 第二步:
<p className={ style.container }>
    Page - x: {mouse.pageX}, y: {mouse.pageY}
</p>

要用style.xxx class 名去运用

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。