CSS定义网页局部链接的技巧
CSS定义网页局部链接的技巧
发布时间:2016-12-27 来源:查字典编辑
摘要:例如定义了链接主样式如下:A:link{color:#FFFFFF;text-decoration:none}A:active{color:...

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

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 }

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

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新 Div+Css教程学习
热门 Div+Css教程学习
网页设计子分类