# react css模块中的id选择器

Posted 2023-02-21

【中文标题】# react css模块中的id选择器

【英文标题】：# Id selector in react css modules

【发布时间】：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 选择器来应用样式元素？

谢谢。

【参考方案1】：

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