DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS定義網頁局部鏈接的技巧
CSS定義網頁局部鏈接的技巧
編輯:CSS詳解     

例如定義了鏈接主樣式如下:

A:link { color:#FFFFFF; text-decoration:none }
A:active { color:#FFFFFF; text-decoration:none }
A:visited { color:#FFFFFF; text-decoration:none }
A:hover { color:#FFFFFF; text-decoration:underline }

局部鏈接樣式一般的寫法是這樣:

.myClass:link { color:#000000 }
.myClass:active { color:#000000 }
.myClass:visited { color:#000000 }
.myClass:hover { color:#000000 }

下面這種則是簡略寫法,需要用 ID

#myId A { color:#000000 }

如果父 ID 內有多個子 ID:

#myId #myIdB A { color:#000000 }

如果父 ID 內有多個子樣式:

#myId .myClass A { color:#000000 }

局部樣式在繼承主/父樣式的前提下,附屬己樣式,寫法靈活,可自行揣摩。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved