css中連結的4個狀態 link、visited 、hover、active 順序與設定

標籤：over   class   狀態   sina   ica   art   active   hover   :link   

 link       未點時連結色
visited  已點過的連結色
hover   游標放入連結上的色
active   點擊時的樣式

順序一定要按link、visited、hover、active來設定

1)普通形式
a:link{}
a:visited{}
a:hover{}
a:active{}

<a href="...">...</a>


2)單個class
a.clsname{}
a.clsname:link{}
a.clsname:visited{}
a.clsname:hover{}
a.clsname:active{}

<a href="..."  class="clsname">....</a>


3)容器class
.cls a:link{}
.cls a:visited{}
.cls a:hover{}
.cls a:active{}

<div class="cls">
  <a href="">...</a>
</div>


4)ID的形式
#idname a:link{}
#idname a:visited{}
#idname a:hover{}
#idname a:active{}

<div id="idname">
    <a href="...">....</a>
</div>

css中連結的4個狀態 link、visited 、hover、active 順序與設定