在我的網站中,有一個 main.css 文件和 bootstrap.css 文件,這兩個文件中都存在一些 css 代碼,我嘗試更改其中一個(在 bootstrap.css 中),并且我在旁邊寫了 !important它。在 Firefox 中,應用了更改并考慮了 !important 更改。在 chrome 中,考慮了另一個(在 main.css 中)沒有 !important 的情況。有誰知道這是為什么嗎?!在 main.css 中:.navbar-inverse .navbar-nav > li > a { color: white;}.navbar-inverse .navbar-nav > li > a:hover { color: #222222;}在 bootstrap.css 中:.navbar-inverse .navbar-nav > li > a { color: #2b3062 !important;}.navbar-inverse .navbar-nav > li > a:hover,.navbar-inverse .navbar-nav > li > a:focus { color: white !important; background-color: transparent;}What's the problem here?
2 回答

RISEBY
TA貢獻1856條經驗 獲得超5個贊
我不知道任何 Chrome 特定的錯誤可能會導致此問題。您是否嘗試過檢查開發人員控制臺(右鍵單擊并檢查元素)?它應該顯示一個樣式面板,您可以在其中查看是否有任何樣式覆蓋您的樣式。如果沒有其他辦法,您可以隨時嘗試向以下內容添加內聯樣式:
<a style="color: #2b3062"> ... </a>
這將自動覆蓋任何樣式表。
您是否嘗試過退出 Chrome(也許重新啟動計算機)或清除緩存?也許 Chrome 緩存了舊版本的樣式表。
- 2 回答
- 0 關注
- 156 瀏覽
添加回答
舉報
0/150
提交
取消