最好根據 link visited focus hover active 的順序編寫鏈結樣式。
可以用lovefearshate 的順序幫助記憶
link樣式
color
visited樣式
color
focus樣式
border
background
outline
outline是繪製元素周圍的一條線，位於邊框的外圍，不會佔據元素空間，起到突出元素的作用，可以不是矩形。簡寫：color style width。
hover樣式
border
background
active樣式
color
background
示例：
body p a a:link a:visited a:focus a:hover a:active
若要實現這樣的效果，即外部鏈結旁邊有乙個帶箭頭的小圖示。外部鏈結是不屬於本站的鏈結，通常帶有"http"開頭。
那麼可以根據以下樣式編碼：
a a:link {}a:visited {}a:focus, a:hover {}a:active {}a[href*="http"]屬性選擇器：a[href*="http"]
即，選中 元素，但是只選中擁有 href 屬性，且屬性的值包含 "http" 的 的元素。
示例：html部分
將多個鏈結置於乙個列表中
css部分
body,html ul li a li:last-child a a:link, a:visited, a:focus a:hover a:active
css鏈結樣式
新增不同樣式的超連結 doctype html html head meta charset utf 8 title 超連結 title style a.one link a.one visited a.one hover a.two link a.two visited a.two hover a...
html鏈結css例項
md.css 和 md.html在同一級目錄下 md.css檔案內容如下 body md sec c p md.html檔案內容如下 doctype html html head base target black meta charset utf 8 title document title li...
CSS鏈結與列表
1 狀態 正確順序 link,visited，hover，active。a link 去下劃線 a visited a hover 出現下劃線 a active 3 背景顏色 background color 二 列表屬性 1 列表種類 list style type 常用 none 無標記 dis...