如何在CSS样式表中选择JSX标签

Question

如何在CSS文件中选择<Link to>标签。

<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;
}