首頁(yè) 猿問(wèn) 如何用CSS設(shè)置兩種不同的鏈接顏色

如何用CSS設(shè)置兩種不同的鏈接顏色

CSS3

尚方寶劍之說(shuō) 2019-03-28 18:18:27

我先使用這段代碼進(jìn)行整體的定義a:link {color: #000000;text-decoration: none;}a:visited {text-decoration: none;color: #000000;}a:hover {text-decoration: none;color: #33CCFF;}a:active {text-decoration: none;}然后在網(wǎng)頁(yè)中有幾個(gè)鏈接我想讓他的顏色不一樣.然后我就在CSS里又寫(xiě)了一句a.blueherf:link{color:#0066FF}然后在網(wǎng)頁(yè)里寫(xiě)<a class="blueherf" herf="#">123123</a>但是這個(gè)鏈接的顏色還是和別的一樣,blueherf沒(méi)有起作用.為什么.?去掉了:link不行...不過(guò)加上!impoartant;就可以了..另外我想問(wèn).如果我要改變的是:hover狀態(tài)下的顏色的話.怎么辦?還有.IE不是不支持!impoartant屬性嗎?(我看w3school上說(shuō)的..)

查看完整描述

2 回答

千巷貓影

TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超7個(gè)贊

css可定義的鏈接樣式有如下幾種：
　　a:link 超鏈接的普通樣式
　　a:visited 點(diǎn)擊過(guò)的
　　a:hover 鼠標(biāo)經(jīng)過(guò)時(shí)的
　　a:active 單擊時(shí)
　　a:link{text-decoration:none;} 無(wú)下劃線
　　a:link{text-decoration:underline;} 有下劃線
　　為了實(shí)現(xiàn)不同鏈接不同效果，可以專(zhuān)門(mén)定義鏈接的CSS規(guī)則，比如：
　　我們常規(guī)css是這樣的：
　　a:link{color:#ff0000}
　　那么網(wǎng)頁(yè)上所有鏈接的顏色都是：#ff0000。
　　然后可以這樣去修改：
　　a:link{color:#ff0000}
　　.line1 a:link{color:#000000}
　　同時(shí)，在要改變顏色的鏈接前加上css定義，像這樣：<span class=line1><a href="/">不同顏色的超鏈接</a></span>，這樣的話，這個(gè)鏈接的顏色就改變了。