Блог

Главная - Вопросы по программированию - Поля CSS не работают в проекте React typescript

Поля CSS не работают в проекте React typescript

#css #reactjs #typescript #sass

Вопрос:

Поля CSS не работают в моем проекте react typescript

Мой код:

 const Home: React.FC = () => {
return (
<div style={{ width: "100vw", background: "skyblue" }}>
  <div
    style={{
      background: "red",
      height: "100px",
      width: "100px",
      marginLeft: "100px",
    }}
  ></div>
</div>
);
};

Ссылка на Codesandbox для этого проекта

Комментарии:

1. Проверьте свои codesandbox.io/s/zealous-ives-rx48z?file=/src/App.css файл. Маржа применяется ко всем элементам, с !important которыми не все в порядке.

2. Потому что вы переопределяете этот стиль в своем App.css с помощью a * { margin: 0px !important;} .

3. Хорошо, спасибо! не знаю, как я это пропустил😂 @m4n0

4. @Hadiazeez вам следует использовать инструмент chrome inspector, чтобы выяснить, какие стили применяются.

5. Ладно, спасибо, чувак! @Cybershadow

Ответ №1:

Ваша маржа переопределяется margin: 0px !important тем, что указано в вашем App.css файле

Метки: