為什么我的錨標簽仍然是藍色的？

Question

 a { color: inherit; text-decoration: none; } * { transition: all 0.3s ease-in-out; } .container { clear: both; overflow: auto; } nav { float: right; } .logo img { float: left; } #navbar li { display: inline-block; padding: 10px; font-size: 20px; font-family: raleway; } #navbar li:hover { color: #FFB500; } #navbar { overflow: auto; }

 <header> <div class="container"> <div class="logo"> <img src="" alt="" width="130" /> </div> <nav> <ul id="navbar"> <li> <a href="index.html">Home</a></li> <li> <a href="menu.html">Menu</a></li> <li> <a href="about.html">About</a></li> <li> <a href="contact.html">Contact</a></li> </ul> </nav> </div> </header>

當我在 chrome、IE 和 Firefox 中預覽文件時，它看起來也是我想要的樣子，純黑色文本在懸停時變為橙色。 但是，當我將它部署到我的學校項目的托管環境時，它最終看起來只是帶有下划線的藍色，而且很難看。 我該如何解決？

Answer 1

請提供CSS特定性（更具體的CSS將比普通的基於類或基於標簽的CSS具有更高的優先級），這樣可以避免被覆蓋的情況，請參見以下示例：

div nav ul li {
   // some css
}
div nav ul li:hover {
 color: #FFB500;
}

如果仍然不能解決您的問題，請確保已將CSS加載到瀏覽器中，然后從瀏覽器的開發人員工具中進行確認。

Answer 2

如果您在 html 文件中編寫 css，則沒有理由認為樣式不起作用。 所以我想，你把 css 和 html 文件分開了？

檢查您是否可以訪問在線 css 文件，並且 css 是否正確鏈接到 html 文件。在 chrome 中按 F12 並檢查您的 css 文件。

如果您無法打開在線 css 文件，您的服務器可能有一些靜態文件問題。