css - 如何在我的 css 样式表中选择 JSX 标签

Question

我将如何选择我的 <Link to>在我的 css 文件中标记。

<nav>
   <Link to='/'>Landing</Link>
   <Link to='/library'>Library</Link>
   <Link to='/album'>Album</Link>
</nav>

header nav Link to:hover{
  background-color: green;
}

Answer 1

如果<Link to='/'>Landing</Link>元素是 react-router-dom组件它将成为<a href="/">Landing<a> (您可以在浏览器开发者工具中查看)。

在您的情况下，您需要:

header nav a:hover{
    background-color: green;
}