CSS / HTML-為什么我的鏈接沒有變黑？
[英]CSS / HTML - Why aren't my links turning black?
問題描述
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|PT+Sans+Narrow|Poiret+One|Josefin+Sans); #header { background-color: #16a085; width: 100%; height: 15%; } #mid { width: 100%; height: 70%; background-color: #FFFFD0; } #foot { background-color: #16a085; width: 100%; height: 15%; } .menubar { display: inline-block; padding-top: 2%; font-family: Poiret One; font-size: 30px; font-weight: bold; } .menudiv { display: inline-block; width: 200px; } #invisdiv { width: 30%; display: inline-block; } html, body { margin:0; padding:0; } a:link { color: black; text-decoration: none; }
<!DOCTYPE html> <html> <head> <title>beager.xyz</title> <link type="text/css" rel="stylesheet" href="css/style.css"/> </head> <body> <div id="header"> <div id="invisdiv"></div> <a href="index.html"><p class="menubar" id="homebutton">Home</p></a> <div class="menudiv"></div> <a href="resume"><p class="menubar">Résumé</p></a> <div class="menudiv"></div> <a href="contact"><p class="menubar">Contact Me</p></a> </div> <div id="mid"></div> <div id="foot"></div> </body> </html>
我想將頂部的三個鏈接設為黑色而不是藍色，我已經嘗試了很久了。 這可能是愚蠢的，但是我對HTML和CSS還是很陌生。 謝謝。
我的代碼在上面。 我的網站將只是我發送給雇主的個人網站。 再次感謝。
2 個解決方案
解決方案1
3 2015-11-04 18:28:16
因為，當您測試代碼時，您已經訪問了鏈接到的頁面。
:link偽類僅匹配未訪問的鏈接。
刪除它，或者編寫另一個與:visited相匹配的選擇器。
解決方案2
2 2015-11-04 18:28:38
在JSFiddle中進行測試時，鏈接為黑色。 是的，您可以刪除：link，不是必需的。 只需使用a { color: black; } a { color: black; }
為什么我的 html 鏈接在“Owl Carousel”中不起作用
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.