樣式表更改字體大小但不是顏色？

我有一個Ruby on Rails應用程序，使用bootstrap gem和一個本地樣式表。目前，導航欄菜單項爲灰色，懸停時變爲白色。我希望他們在懸停時變黑，因爲酒吧背景是白色的。樣式表更改字體大小但不是顏色？

在嘗試了很多事情之後，我現在正在尋找更簡單的東西：只需製作一個黑色鏈接。我已附加一個類的鏈接作爲這樣：

<li><%= link_to "Home", root_path, { :class => 'top_menu_item'} %></li>

然後，在本地樣式表，這是最後一個加載，我有：

.top_menu_item { 
    font-size: 100px; 
    color: black; 
}

這正確地改變的字體大小鏈接，我只是爲了檢查一切正在工作，但顏色保持灰色？我猜我的語法錯了，但沒有錯誤導致錯誤？

在Ruby on Rails中使用引導的好資源的指針也適用於較長時期。謝謝。

2017-06-21 Jonathan

這可能是由於特異性。當您使用開發工具時，您可以檢查您的CSS是否被另一個規則覆蓋。 – Gerard

你的鏈接樣式被通過的引導風格在那裏一個覆蓋。選項：

查找引導的風格，並改變它（使用控制檯來追蹤風格鏈）
更徹底地指定目標作風，如：li a.top_menu_item { color: black; }，而不是你現在所擁有的。
使用!important您的設置，如：color: black !important我不要推薦這個，你應該只有當所有其他都失敗了，但有時你需要做的東西。

詳細瞭解款式優先here。

2017-06-21 06:57:12

謝謝。根據我上面提出的評論，重要的問題解決了眼前的問題。現在我會研究其他建議，嘗試解決潛在的問題。 – Jonathan

好極了，如果你找到答案有幫助，我會很感激，如果你可以把它作爲一個解決方案。祝你好運！ –

正如答案中所述，它不能被強調：'！important'的使用**是非常令人沮喪的。你應該嘗試所有其他可以想象的解決方案，然後再** **應用'！important'。 – connexo

下面嘗試..

.top_menu_item { 
    font-size: 100px; 
    color: black !important; 
} 

.top_menu_item a{ 
    color: black !important; 
}

2017-06-21 06:53:34 Kenath

根據您的第一堂課添加！重要的，修復它。謝謝！然後，我得到了我正在尋找的懸停行爲： '.top_menu_item {h} {0}顏色：黑色！重要; } }' – Jonathan

'！重要'的使用是**非常不鼓勵。你應該嘗試所有其他可以想象的解決方案，然後再** **應用'！important'。 – connexo

回答