我正在构建一个简单的React SPA个人网站，注意到路由器中后面的路由的CSS选择器会覆盖前面的路由，即使这些后面的路由不是相关页面。

function App() {
  return (
    <div className='App'>
      <Router>
        <NavBar />
        <Routes>
          <Route path='/' element={<Home />} exact></Route>
          <Route path='/contact' element={<Contact />}></Route>
          <Route path='/resume' element={<Resume />}></Route>
          <Route path='/projects' element={<Projects />}></Route>
        </Routes>
    </Router>
  </div>
  );
}

但是，简历页将覆盖联系人页的样式。例如：font-size being overriden
我意识到我可以使用类名来获得更高的特异性，但是我想知道这种行为的根本原因是什么？