鏈接顏色點擊，直到別的地方上視點擊

在我的CSS，我試過用:link，:visited，:hover，並且:active選擇，但沒有設定導航欄我的字體顏色元素，以黑色正在發生變化之後保持藍色。我認爲我的標題清楚地說明了我的問題，但是這裏是我的網站的鏈接，這是我嘗試修復它的地方：http://students.washington.edu/jgb93/info343/portfolio/#/鏈接顏色點擊，直到別的地方上視點擊

基本上，如果您嘗試單擊導航欄中的某個鏈接，會改變它會暫時變成藍色。如果單擊視口上的其他任何地方，藍色將變回我想要的黑色。有什麼建議是什麼導致這個？從a:focus這是在bootstrap.css定義圍繞線1104

  <div id="navbar" class="navbar navbar-default navbar-fixed-top"> 
      <nav> 
       <ul id="navlist"> 
        <li class="navitem"><a class="link" ui-sref="home">Home</a></li> 
        <li class="navitem"><a class="link" ui-sref="about">About</a></li> 
        <li class="navitem"><a class="link" ui-sref="contact">Contact</a></li> 
       </ul> 
      </nav> 
     </div>

來源

2015-12-30 Julian

哦，我知道您遇到什麼麻煩。刪除我的答案，因爲它是不夠的。編輯：張貼新的答案 – DaemonOfTheWest

有CSS衝突。要調試CSS，您可以嘗試瀏覽器內置的開發者工具，方法是按F12或在Mozilla Firefox中使用螢火蟲。

因此，要解決的問題：

.navitem a:focus{color:#000;}

來源

2015-12-30 07:14:58 user3284463

太棒了！我不知道a：重點是什麼。沒有在我瀏覽過的任何網站上找到它。我將在下一次檢查內置的開發者工具來調試我的CSS！ – Julian

藍色邊框結果：

這是我的所有事情在我的HTML導航欄，剩下的就是在CSS做

a:focus { 
    outline: thin dotted; 
    outline: 5px auto -webkit-focus-ring-color; 
    outline-offset: -2px; 
}

在你的css中覆蓋nav的a:focus屬性應該可以解決你的問題。

color: whatever you want; 
outline: none;

來源

2015-12-30 06:55:39 zisoft

-2

我終於找到發生了什麼事。

您正在使用a:link這是行不通的。嘗試a。

a { 
    text-decoration: none !important; 
    color: black !important; 
}

似乎可以解決您的問題。

!important讓a標記覆蓋它的對應物以及任何其他改變文字裝飾或顏色的CSS。

根據您的網站：

a:link { 
    text-decoration: none; 
    color: black; 
}

（main.css的第60行）

來源

2015-12-30 06:58:37 DaemonOfTheWest

鏈接顏色點擊，直到別的地方上視點擊

回答

相關問題