【公告】網站目前停止所有的課程訂閱服務,除了 7 月底預計完成上線的 KBF 餘下課程影片,將不會再新增其它課程內容,原有學員權益不受影響,造成不便還請見諒,我們正在開發以 Python 為主的課程主題,未來將會合併且擴充目前的課程內容,提供更好的課程訂閱服務,感謝學員的支持。

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 選擇器(序)


沒有留言: