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

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