css中僞類選擇器詳解(a:visited不生效的原因)

css僞類是一種css定義的方法,主要用於對鏈接顯示效果的定義,
主要包括:

  1. a:link :鏈接平常的狀態。
  2. a:visited:鏈接被訪問之後的狀態。
  3. a:hover:鼠標停留在鏈接上的狀態。
  4. a:active:鏈接被激活時的狀態,也就是網頁鏈接跳轉之前的鼠標鬆開的狀態。

在css中定義一個鏈接的僞類鏈接一定要遵循某個順序,否則樣式順序出現錯誤,後面的樣式被前面的樣式覆蓋,如下所示:

a:link{
	color:#036;
}
a:visited{ font-weight:bold;
			text-decoration:line-through;
			color:rgba(240,255,0,1.00);
}}
		
a:hover{font-weight:bold;
}
a:active{
	color:#f00;
}

定義順序爲a:link>a:visited>a:hover>a:active;

關於a:visited屬性不生效的問題:

a:visited因爲安全問題,在高版本的瀏覽器中,只有color屬性纔可以生效,
也只是僅限於ie瀏覽器纔有用,其他的瀏覽器會因爲緩存的原因,導致a:visited的屬性在網頁載入之後就會生效。
在這裏插入圖片描述
ie瀏覽器
而我在ie低版本的瀏覽器上測試,color屬性沒有生效,但是下劃線的效果生效了。
參考鏈接
css屬性失效
僞類屬性

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章