DivCSS中如何正確的定義CSS偽類？_CSS教程

教程Tag：暫無(wú)Tag,歡迎添加,賺取U幣!

　　在CSS網(wǎng)頁(yè)布局中，不可避免的會(huì)涉及到CSS偽類的問(wèn)題。到底該如何正確的定義CSS偽類呢？雖然Mb5u中有很多相關(guān)的介紹，但復(fù)習(xí)一下也無(wú)妨。大家看下面的代碼就能明白。

示例代碼 [www.wf0088.com]

a.w3cbbs{text-decoration:none;}
a.w3cbbs:link{color:#f90;}
a.w3cbbs:hover{color:#fff;background-color:#FF5900;}
a.w3cbbs:active{color:#FF5900;}

<a href="/tz.php?url=www.wf0088.com/" class="w3cbbs">第一種寫(xiě)法 - 模板無(wú)憂</a>

示例代碼 [www.wf0088.com]

a .nav2 {color: #777;text-decoration: none;}
a:link .nav2 {color: #777;}
a:hover .nav2 {color: #f60;}
a:active .nav2 {color: #f60;}

<a href="/tz.php?url=www.wf0088.com/">
<span class="nav2">第二種寫(xiě)法 - 模板無(wú)憂</span>
</a>

示例代碼 [www.wf0088.com]

.wwwMb5u a {text-decoration: none;color: #ccc; }
.wwwMb5u a:visited {color: #ccc;}
.wwwMb5u a:hover {color: #f60;}

<span class="wwwMb5u">
<a href="/tz.php?url=www.wf0088.com/">第三種寫(xiě)法 - 模板無(wú)憂</a>
</span>