超鏈接的樣式有:
a:link 鏈接未點擊上去時候
a:visited 鏈接已經(jīng)點擊過的
a:hover 鼠標(biāo)放在鏈接上未點擊
a:active 是介于hover visited 之間的一個狀態(tài),可以說是鏈接被按下時候的狀態(tài)
大家都知道想要設(shè)置統(tǒng)一的連接樣式,只要在css文件中設(shè)置a:link,a:visited,ahover,a:active就行了。可以設(shè)置全局的連接樣式。比如:
<!–chrome瀏覽器下可以將鏈接原始屬性都寫在a:link中,IE內(nèi)核的瀏覽器中鏈接的原始屬性中除下劃線之外的屬性需寫在a中–>
a {
font-size: 12px;
color: #4C4C4C;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #990000;
}
a:hover {
text-decoration: underline;
color: #0D488C;
}
a:active {
text-decoration: none;
color: #0D488C;
}
但是有的時候為了一些效果,想要設(shè)置一些針對某些特殊連接的樣式,就需要在CSS中繼續(xù)進行加工了。常用的方式有:
1.增加連接樣式命名:
<!–chrome瀏覽器下寫法–>
a.a1:link { color: #FF0000; text-decoration: none;}
a.a1:visited { color: #FF0000; text-decoration: none;}
a.a1:hover { color: #606060; text-decoration: underline;}
a.a1:active { color: #606060; text-decoration: underline;}
<!–IE下寫法–>
a.a1{ color: #FF0000; text-decoration: none;}
a.a1:visited { color: #FF0000; text-decoration: none;}
a.a1:hover { color: #606060; text-decoration: underline;}
a.a1:active { color: #606060; text-decoration: underline;}
調(diào)用a1即可,同樣方式可以定義a2,a3……或你自己起的名字(a1,a2……為我自己起的名字)
注:IE下的寫法在Chrome中有著同樣的效果,Chrome中的寫法在IE下有時可能不起作用
2、div定義命名:
div.other a:link{……},a:visited{……},a:hover{……},a:active{ text-decoration:none;
color:#eefffe;
font-size:28;
}
在調(diào)用處寫other即可,同樣方式,還可以起其它名字
新聞熱點
疑難解答