CSS定义网页局部链接的技巧

作者:网络 来源:佚名 更新时间:2008-01-05 00:53:39 点击:

例如定义了链接主样式如下:

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 }

局部样式在继承主/父样式的前提下,附属己样式,写法灵活,可自行揣摩。