我希望鏈接在懸停和點擊時保持綠色。我寫的代碼在懸停時有效,但當鏈接被點擊時它會變成藍色。任何幫助,將不勝感激。錨點標記在點擊後顏色變爲藍色
HTML代碼:
<div class="container-fluid">
<div class="row">
<div class="col-md-3 text-left topbox">
<p class="logo">trpti</p>
</div>
<div class="col-md-9 topbox home-btns text-center">
<ul>
<li> <a href="#"> Sign up </a> </li>
<li> <a href="#"> About us </a> </li>
<li> <a href="#"> FAQ </a> </li>
</ul>
</div>
</div>
</div>
CSS代碼:
.topbox {
background-color: #584B4F;
height: 55px;
}
.logo {
color: #EEEAE1;
font-family: Helvetica;
font-size: 35px;
padding-left: 80px;
letter-spacing: 2px;
}
.home-btns {
color: #EEEAE1;
font-family: Helvetica;
font-size: 15px;
margin: 0;
padding: 0;
}
a {
text-decoration: none !important;
color: #EEEAE1;
}
a:hover {
color: #40A97B;
}
a:active {
color: #40A97B;
}
ul {
margin-top: 15px;
}
li {
list-style-type: none;
display: inline;
padding: 12px;
}
的CSS:訪問{ 顏色:#40A97B; } –
@ShekharPankaj:試過了,當頁面加載時,它將所有鏈接改爲40A97B。它最初必須是白色的,當它被徘徊和點擊時它必須變綠。 – Adam
你需要使用一些JavaScript來添加一個類。否則':visited'由瀏覽器歷史記錄決定。否則,這是沒有意義的:加載時應該是白色的,但點擊時改變 - 但是這會導航,所以沒有任何改變。當你回來時,它將是':visited'顏色。請澄清您在每個步驟期待的所有步驟和顏色。 –