DivCSS中如何正確的定義CSS偽類?_CSS教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
在CSS網(wǎng)頁布局中,不可避免的會涉及到CSS偽類的問題。到底該如何正確的定義CSS偽類呢?雖然Mb5u中有很多相關(guān)的介紹,但復(fù)習(xí)一下也無妨。大家看下面的代碼就能明白。
示例代碼 [www.hl5o.cn]
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.hl5o.cn/" class="w3cbbs">第一種寫法 - 模板無憂</a>
a.w3cbbs:link{color:#f90;}
a.w3cbbs:hover{color:#fff;background-color:#FF5900;}
a.w3cbbs:active{color:#FF5900;}
<a href="/tz.php?url=www.hl5o.cn/" class="w3cbbs">第一種寫法 - 模板無憂</a>
示例代碼 [www.hl5o.cn]
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.hl5o.cn/">
<span class="nav2">第二種寫法 - 模板無憂</span>
</a>
a:link .nav2 {color: #777;}
a:hover .nav2 {color: #f60;}
a:active .nav2 {color: #f60;}
<a href="/tz.php?url=www.hl5o.cn/">
<span class="nav2">第二種寫法 - 模板無憂</span>
</a>
示例代碼 [www.hl5o.cn]
.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.hl5o.cn/">第三種寫法 - 模板無憂</a>
</span>
.wwwMb5u a:visited {color: #ccc;}
.wwwMb5u a:hover {color: #f60;}
<span class="wwwMb5u">
<a href="/tz.php?url=www.hl5o.cn/">第三種寫法 - 模板無憂</a>
</span>
相關(guān)CSS教程:
- 相關(guān)鏈接:
- 教程說明:
CSS教程-DivCSS中如何正確的定義CSS偽類?
。