介绍
本篇内容主要讲解“CSS中模块的说明和实例用法”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“CSS中模块的说明和实例用法”吧!
<>强说明
1, CSS模块指的是像进口js一样去引入CSS代码。
代码中的每一个类名都是引入对象的一个属性,通过这种方式,即可在使用时明确指定所引用的CSS样式。
2,模块在打包的时候会自动将类名转换成散列值,完全杜绝CSS类名冲突的问题。
<强>实例
在项目当中使用
Test.jsx
import 反应,,{,Component },得到& # 39;反应# 39;;//,将样式文件当成模块引入
import styles 得到“。/test.css";
,
,
export default class Test extends Component {
,,,渲染(),{
,,,,,,,return (
,,,,,,,,,,,& lt; div>
,,,,,,,,,,,,,,,& lt; div className={styles.test}在测试& lt;/div>
,,,,,,,,,,,& lt;/div>
,,,,,,,)
,,,}
} 到此,相信大家对“CSS中模块的说明和实例用法”有了更深的了解,不妨来实际操作一番吧!这里是网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!
