將鏈接的默認顏色從藍色更改爲白色

Question

我正在使用來自react-router-link的Link組件，它將藍色css應用於文本，就像錨標籤一樣。我想將其改爲白色，我該怎麼做？

onHover我想將其更改爲藍色。

Answer 1

由於Link獲取的transpiled到<a>，您可以使用CSS樣式的所有<a>和更改所有的鏈接顏色爲白色：

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

或者添加.link類各Link：

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

... 

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

編輯： 您也可以傳入內聯樣式。你不能傳遞：懸停規則直列雖然：

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

Answer 2

.makeaclassandaddittothelinktag { color: white; } 

你應該能夠做到這一點，或者只是添加類的鏈接標籤，如果你不希望所有的人都變色。