a hover和a visited書寫順序的重要性

2022-05-08 13:00:12 字數 445 閱讀 6088

2a:hover和a:visited書寫順序的重要性

今天在用a:hover屬性的時候發現乙個奇怪的問題,同乙個頁面裡面有些鏈結的a:hover效果不能正常表現出來。鏈結的**是一樣,沒有使用其它樣式固定,搞的我莫名其妙。還以為是某個標籤沒有關閉,但是頁面比較長,檢查起來又嫌累,但是想來想去找不到其它原因,索性把瀏覽器一關,做別的事情去了。

重新開啟這個頁面的時候,突然發現那個鏈結的a:hover效果又出來了。我想了一下,點了那個鏈結,然後回過頭再點,果然又沒了。連忙檢查css文件,發現a:hover屬性寫在了visited之前,改寫到之後,重試,ok!

以前看書的時候注意到css中關於鏈結表現的書寫有提示說各屬性順序不能顛倒,一直沒有注意,寫的時候通常都很隨意。現在看來不能這個順序還是很重要的。

a:link 

a:visited 

a:hover

a:active

a hover和a visited書寫順序的重要性

a hover和a visited書寫順序的重要性 今天在用a hover屬性的時候發現乙個奇怪的問題,同乙個頁面裡面有些鏈結的a hover效果不能正常表現出來。鏈結的 是一樣,沒有使用其它樣式固定,搞的我莫名其妙。還以為是某個標籤沒有關閉,但是頁面比較長,檢查起來又嫌累,但是想來想去找不到其它原...

IE6 火狐不支援a visited

今天做個樣式,想讓超連結點選後變成灰色,可發現ie裡是沒問題,可火狐就全灰色的。我測試了好幾遍,發現不是順序的問題。當然可以在火狐裡位址列裡輸入about config。可總不能讓使用者去那裡改吧。以下是我寫的樣式 a link a hover a visited 問題以弄清除,不是火狐不支援,是我...

IE6 支援a hover 失效的問題

昨天一位qq好友問了這樣乙個問題 body a href img src a body 在ie6滑鼠懸停的時候 img 的樣式並沒有發生變化.從 上看,完全沒有問題.當時我也測試了一下.的確沒有效果.由於工作的原因,沒時間,所以就擱置到了今天.剛才就重新對這個 demo 測試了一下.當時也沒有想到 ...