我想在导航栏中设置链接的样式。
我已经应用了一个类（导航项），并为它创建了一个样式。我可以在浏览器中看到应用到链接的类。由于某种原因，样式将不适用。当我从CSS的开头删除.nav-item >时，我的链接样式很好。只有当我将它们作为类样式应用时，它们才不起作用。
我可能忽略了一些简单的东西，但我不知所措。
下面是呈现链接的React代码：

import {React} from 'react'; 
import {BrowserRouter} from 'react-router-dom';
import {Link} from 'react-router-dom';
import './App.css';

function App() {
  return (
    <BrowserRouter>
      <Link to='/' className="nav-item" >Home</Link>
      <Link to='/about' className="nav-item" >About</Link>
    </BrowserRouter>
  )
}

export default App;

下面是设置链接样式的CSS：

.nav-item > a {
  background-color: #0958f6;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}