小编Nav*_*ela的帖子

使用css模块如何定义多个样式名称

我试图使用css模块为元素使用多个类.我该怎么做呢?

function Footer( props) {
    const { route } = props;
    return (
        <div className={styles.footer}>
            <div className={styles.description, styles.yellow}>
              <p>this site was created by me</p>
            </div>
            <div className={styles.description}>
              <p>copyright nz</p>
            </div>
        </div>
    );
}
Run Code Online (Sandbox Code Playgroud)

javascript css reactjs

22
推荐指数
5
解决办法
1万
查看次数

使用 css 模块如何定义全局类

我正在使用 css 模块,但是我在组件中使用一个库来使用 JavaScript 附加推文,它以以下结构向我的组件添加了一些元素:

<div class='user'></div>
<div class='tweet'></div>
Run Code Online (Sandbox Code Playgroud)

我现在想在组件的 css 模块中设置这些元素的样式,如下所示:

我的组件.css

.user {
 /* styles */
}

.tweet {
 /* styles */
}
Run Code Online (Sandbox Code Playgroud)

但是,当然现在我的.user类更改为.MyComponent__user___HZWfM由于 webpack 加载器中的哈希命名。

如何在我的 css 模块中设置全局样式?

css reactjs css-modules

5
推荐指数
1
解决办法
9406
查看次数

标签 统计

css ×2

reactjs ×2

css-modules ×1

javascript ×1