Почему React-роутер не загружает CSS на все страницы?

Question

[Deadorik]

Всем привет. Настраиваю роутинг страниц в reacte. Глобальный css импортирован в главный компонент APP, но стили применяются только к одной странице из 3. На остальных он не видит стили к классу .app. Почему так? Вроде автоматически должен применяться стили из главной страницы на дочерние страницы.

.App {
  width: 800px;
  margin: 0 auto;
}

import React from "react";
import "./styles/App.css";
import {BrowserRouter, Route, Routes} from "react-router-dom";
import About from "./pages/About";
import Posts from "./pages/Posts";

function App() {
    return (
        <BrowserRouter>
            <Routes>
                <Route path="about" element={<About/>}></Route><Route path="posts" element={<Posts/>}></Route></Routes>
        </BrowserRouter>
    )
}
export default App;

Comments

[Alex_mos]

Я наверное не сильно разбираюсь, но разве стили подключаются не в main.js?

Answer 1

[Deadorik]

Нашел, стили немного не так написал