a標(biāo)簽的四個(gè)css偽類(link、visited、hover、active)樣式理解
發(fā)布時(shí)間:2013-05-30 16:20:23 作者:佚名
我要評(píng)論

偽類是CSS 用于向某些選擇器添加特殊的效果,chrome和firefox中的css監(jiān)控并不會(huì)顯示所有的樣式,有些顯示會(huì)有點(diǎn)不全,IE下還是有點(diǎn)問題的,不過大體不變
偽類是CSS 用于向某些選擇器添加特殊的效果。
a標(biāo)簽中有四個(gè):
link、visited、hover、active
未移入a標(biāo)簽鏈接時(shí):link
移入a標(biāo)簽鏈接時(shí):link、hover
點(diǎn)擊a標(biāo)簽鏈接時(shí):link、hober、active
點(diǎn)擊后未移入a標(biāo)簽連接時(shí):link、visited
點(diǎn)擊后移入a標(biāo)簽連接時(shí):link、visited、hover
點(diǎn)擊后再次點(diǎn)擊a標(biāo)簽連接時(shí):link、visited、hover、active
這個(gè)就是所有組合的樣式了。
如果有多個(gè)同樣的樣式,后面的樣式會(huì)覆蓋前面的樣式,所以這四個(gè)偽類的定義就有順序的要求了,
而大家所說的‘lvha’也是因?yàn)檫@個(gè)原因。
注意:
chrome和firefox中的css監(jiān)控并不會(huì)顯示所有的樣式,有些顯示會(huì)有點(diǎn)不全(a標(biāo)簽的這四個(gè)偽類)
不過IE下還是有點(diǎn)問題的,不過大體不變。
a標(biāo)簽中有四個(gè):
link、visited、hover、active
未移入a標(biāo)簽鏈接時(shí):link
移入a標(biāo)簽鏈接時(shí):link、hover
點(diǎn)擊a標(biāo)簽鏈接時(shí):link、hober、active
點(diǎn)擊后未移入a標(biāo)簽連接時(shí):link、visited
點(diǎn)擊后移入a標(biāo)簽連接時(shí):link、visited、hover
點(diǎn)擊后再次點(diǎn)擊a標(biāo)簽連接時(shí):link、visited、hover、active
這個(gè)就是所有組合的樣式了。
如果有多個(gè)同樣的樣式,后面的樣式會(huì)覆蓋前面的樣式,所以這四個(gè)偽類的定義就有順序的要求了,
而大家所說的‘lvha’也是因?yàn)檫@個(gè)原因。
注意:
chrome和firefox中的css監(jiān)控并不會(huì)顯示所有的樣式,有些顯示會(huì)有點(diǎn)不全(a標(biāo)簽的這四個(gè)偽類)
不過IE下還是有點(diǎn)問題的,不過大體不變。
相關(guān)文章
csshover.htc在IE7下使用:active偽類無效解決方法
相信做前端開發(fā)都知道,IE6、IE7都不支持:active偽類,IE6更甚,連:hover偽類都不支持。為了解決這個(gè)問題,一般都會(huì)引入一個(gè)csshover.htc文件來解決,本文將介紹解決此問題2012-12-24鏈接偽類(:hover)CSS背景圖片有閃動(dòng)BUG的解決方法
IE6下鏈接偽類(:hover)CSS背景圖片有閃動(dòng)BUG,主要原因ie會(huì)再一次請(qǐng)求這張圖片,或者說圖片沒被緩存。2011-04-28- 在處理css的機(jī)制上,IE總是有很多讓人吐血的舉動(dòng),但對(duì)于他們現(xiàn)在的改進(jìn)力度還是值得高興的。2009-12-08
CSS3實(shí)現(xiàn)偽類hover離開時(shí)平滑過渡效果示例
本篇文章主要介紹了CSS3實(shí)現(xiàn)偽類hover離開時(shí)平滑過渡效果示例,具有一定的參考價(jià)值,有興趣的可以了解一下2017-08-10