2017-04-26 38 views
-2

我試圖使用CSSCSS一:鏈接無法正常運行

,這是我的CSS代碼來創建一些一個鏈接: -

#footer-links a:link { 
font-size: 12px; 
color: #ffffff; 
font-weight: normal; 
} 

#footer-links a:hover { 
font-size: 12px; 
color: #73de52; 
font-weight: normal; 
} 

這裏是我怎麼呼喚它: -

|<span id="filter-links"><a href="www.alink.com">Privacy Policy</a></span>|<span id="filter-links"><a href="www.blink.com">Terms and Conditions</a></span>| 

第一個鏈接正常工作。它具有綠色懸停的白色文字。但第二個鏈接恢復爲綠色懸停的藍色文本。

我錯過了什麼?

+1

具有第二鏈接被訪問過? ':link'只顯示未訪問鏈接的樣式:https://developer.mozilla.org/en/docs/Web/CSS/:鏈接 - 如果您想要設置所有鏈接的樣式,請將其刪除 – Pete

+0

查看下面的答案,頁腳鏈接和過濾器鏈接錯誤。 – dutchsociety

+0

是不是#filter-links改爲#foolter-links? – SpaceDogCS

回答

-1

我不知道你在這裏犯了一個錯誤,因爲你的ID定義是過濾器鏈接,而不是你在CSS中使用的頁腳鏈接。請查看下面的代碼片段,找到正確的代碼片段。

#filter-links a { 
 
    font-size: 12px; 
 
    color: #ffffff; 
 
    font-weight: normal; 
 
} 
 

 
#filter-links a:hover { 
 
    font-size: 12px; 
 
    color: #73de52; 
 
    font-weight: normal; 
 
}
<span id="filter-links"> 
 
<a href="www.alink.com">Privacy Policy</a> 
 
</span> 
 
| 
 
<span id="filter-links"> 
 
<a href="www.blink.com">Terms and Conditions</a> 
 
</span>

希望這做的工作爲您服務!

+1

ID必須是唯一的 – dippas

+0

他不是這樣說的嗎? – dutchsociety

0

使用類選擇的代替標識中,ID是在具有標識所述第一元件一個獨特選擇和總是影響。

感謝

.filter-links a:link { 
 
    font-size: 12px; 
 
    color: #262; 
 
    font-weight: normal; 
 
} 
 

 
.filter-links a:hover { 
 
    font-size: 12px; 
 
    color: #73de52; 
 
    font-weight: normal; 
 
}
<span class="filter-links"><a href="www.alink.com">Privacy Policy</a></span>|<span class="filter-links"><a href="www.blink.com">Terms and Conditions</a></span>

+0

6分鐘後我的回答如此精確? – dippas