# React css 模块中的 Id 选择器

Question

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

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

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

中使用 className

# React css 模块中的 Id 选择器

# Id selector in react css modules

css

reactjs

react-css-modules