例如定義了鏈接主樣式如下:
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 }
局部樣式在繼承主/父樣式的前提下,附屬己樣式,寫法靈活,可自行揣摩。