CSS 選擇器(5):其它虛擬選擇器 1

康廷數位: CSS 選擇器(序)

本系列在 CSS 選擇器(4):動態虛擬選擇器 開始討論虛擬選擇器,這一篇來看其它幾種選擇器,首先是鏈結專用的 :link 與 :visited ,當你有一個錨點 a 元素,套用此類些擬類別, :link 表示未瀏覽過的連結狀態,而 :visited 表示已瀏覽過的連結狀態。考慮以下的連結設定:

HTML5 官方規格文件

如果未瀏覽過此連結網站,則文字是藍色,如果已經瀏覽過,則文字是紅色,我們透過以下的配置完成上述的效果:

<a href="http://www.w3.org/TR/html5/"
style="font-size: 36px;">HTML5 官方規格文件</a>

以上為所需的連結設定,接下來就是虛擬樣式。

a:link {
color: blue;
}
a:visited {
color: red;
}


康廷數位: CSS 選擇器(序)


沒有留言: