# React css 模块中的 ID 选择器

Question

我正在使用 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 选择器来应用样式元素？

感谢您。

Answer 1

虽然有点晚了，但接受的答案实际上并不是正确的。您绝对可以将id选择器与CSS 模块一起使用！

在你的情况下，只需将其更改为以下内容即可:)

<button id={style.specialButon}>Special<button>

或者

<button id={style['specialButon']>Special<button>

Answer 2

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