a標籤樣式 和 a標籤屬性
阿新 • • 發佈：2019-02-04
一組專門的預定義的類稱為偽類，主要用來處理超連結的狀態。超連結文字的狀態可以通過偽類選擇符＋樣式規則來控制。偽類選擇符包括：
總: a 表示所有狀態下的連線 如 .mycls a{color:red}
① a:link：未訪問連結 ,如 .mycls a:link {color:blue}
② a:visited：已訪問連結 ,如 .mycls a:visited{color:blue}
③ a:active：啟用時（連結獲得焦點時）連結的顏色 ,如 .mycls a:active{color:blue}
④ a:hover：滑鼠移到連結上時 ,如 .mycls a:hover {color:blue}
一般a:hover和a:visited連結的狀態（顏色、下劃線等）應該是相同的。
前三者分別對應body元素的link、vlink、alink這三個屬性。
四個“狀態”的先後過程是：a:link ->a:hover ->a:active ->a:visited。另外，a:active不能設定有無下劃線（總是有的）。
舉例：偽類的常見狀態值
<style type = “text/css”>
<!--
a {font-size:16px}
a:link {color: blue; text-decoration:none;} //未訪問：藍色、無下劃線
a:active:{color: red; } //啟用：紅色
a:visited {color:purple;text-decoration:none;} //已訪問：purple、無下劃線
a:hover {color: red; text-decoration:underline;} //滑鼠移近：紅色、下劃線
-->
</style>
總: a 表示所有狀態下的連線 如 .mycls a{color:red}
① a:link：未訪問連結 ,如 .mycls a:link {color:blue}
② a:visited：已訪問連結 ,如 .mycls a:visited{color:blue}
③ a:active：啟用時（連結獲得焦點時）連結的顏色 ,如 .mycls a:active{color:blue}
④ a:hover：滑鼠移到連結上時 ,如 .mycls a:hover {color:blue}
一般a:hover和a:visited連結的狀態（顏色、下劃線等）應該是相同的。
前三者分別對應body元素的link、vlink、alink這三個屬性。
四個“狀態”的先後過程是：a:link ->a:hover ->a:active ->a:visited。另外，a:active不能設定有無下劃線（總是有的）。
舉例：偽類的常見狀態值
<style type = “text/css”>
<!--
a {font-size:16px}
a:link {color: blue; text-decoration:none;} //未訪問：藍色、無下劃線
a:active:{color: red; } //啟用：紅色
a:visited {color:purple;text-decoration:none;} //已訪問：purple、無下劃線
a:hover {color: red; text-decoration:underline;} //滑鼠移近：紅色、下劃線
-->
</style>