Блог

Я использую sass в проекте react по таблице стилей, но не работаю, Мой класс подачи заявок не работает

вот кодовый код sass

 .header{
background-color: #000;
position: relative;
width: 100%;
top:0;
left: 0;
z-index: 100;
 

}

вот код реакции.

         import React from "react"
    import  "../Styles/Header.module.scss"
   const Header = () => {
    return (
    <>
      <header className="header">
        <div className="grid">
          <div className="main_logo">
            <a>ds</a>
          </div>
          <div className="navigation_btn">
            <samp></samp>
          </div>
        </div>
      </header>
    </>
  );
};

export default Header;
 

Я видел это в браузере, но цвет фона не отображается.

он работает с чистым выбором HTML . я применяю стиль без использования класса-это работа.

Вы используете .модуль scss. Поэтому, прежде всего, вы должны преобразовать свой импорт в

import classes "../Styles/Header.module.scss"

и во — вторых, вы вызовете свой тег:

 <header className={classes.header}>