# react css 模块中的 ID 选择器

问题描述

我正在使用 React Css 模块来设计我的 React 应用程序。

我有一些带有 id 属性的 html 元素，我想使用 css id 选择器而不是类选择器来设置它们的样式。反应 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 选择器来应用样式元素？

谢谢。

解决方法

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