Блог

Я использую Css-модули React для оформления своего приложения react.

У меня есть некоторые html-элементы с атрибутом id, и я хочу оформить их с помощью селектора идентификаторов css, а не селектора классов. Возможно ли это с модулями react css? Например.

Это пример css, я собираюсь назвать его Button.modules.css

 #specialButon {
 margin: 5px;
}

.notSpecialButton {
 margin: 5px;
}
 

И это пример компонента react

 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
 

Не могли бы вы сказать мне, как я могу использовать селектор идентификаторов для применения элементов стиля?

Спасибо вам.

Для этого вы можете использовать глобальный CSS в React, который обычно App.js используется . Но обычно используется className в модуле CSS.