# react css模块中的id选择器答案

【问题标题】：# Id selector in react css modules# react css模块中的id选择器
【发布时间】：2021-09-23 07:17:01
【问题描述】：

我正在使用 React Css 模块来设置我的 react 应用程序的样式。

我有一些带有 id 属性的 html 元素，我想使用 css id 选择器而不是类选择器来设置它们的样式。 react css模块有可能吗？例如。

这是一个css的例子，我打算叫它Button.modules.css

#specialButon {
 margin: 5px;
}

.notSpecialButton {
 margin: 5px;
}

这是一个反应组件的例子

import style from './Button.module.css';

function Button() {

 render(
  <div>
   <button id="specialButon">Special<button>
   <button className={style.notSpecialButton}>Not Special<button>
  </div>
)

export default Button

你能告诉我，如何使用 de id 选择器来应用样式元素？

谢谢。

【问题讨论】：

标签： css reactjs react-css-modules

【解决方案1】：

为此，您可以在 React 中使用全局 CSS，它通常位于 App.js。但一般在模块 CSS 中使用className。

【讨论】：