将链接的默认颜色从蓝色更改为白色

Question

我正在使用来自react-router-link的Link组件，它将蓝色css应用于文本，就像锚标签一样。我想将其更改为白色，我该怎么做？

onHover我想把它改成蓝色。

Answer 1

自Link转换为<a>后，您可以使用css设置所有<a>的样式并将所有链接颜色更改为白色：

a {
  color: #FFF;
}
a:hover {
   color: #00F
}

或者为每个.link添加Link课程：

<Link to="/" className="link" />

...

.link {
  color: #FFF;
}
.link:hover {
   color: #00F
}

编辑： 您还可以传递内联样式。你无法通过：hover规则内联：

<Link to="/" style={{ color: '#FFF' }} />

Answer 2

请记住，您可以始终使用!important，以防由于某些原因而未应用样式。

Answer 3

.makeaclassandaddittothelinktag { color: white; }

如果您不希望所有类都改变颜色，您应该能够这样做，或者只是在链接标记中添加一个类。