手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >CSS定义网页局部链接的技巧
CSS定义网页局部链接的技巧
摘要:例如定义了链接主样式如下: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 }

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

【CSS定义网页局部链接的技巧】相关文章:

CSS中关于居中的小技巧

CSS常用技巧汇总

DIV+CSS常用网页制作布局技术技巧

CSS网页布局的技巧

CSS布局需要掌握的8个你技巧

CSS网页右下角广告的布局实例

CSS圆角矩形的技巧

CSS编写小技巧

CSS常用优化技巧

CSS定义超链接四个状态的正确顺序L-V-H-A

精品推荐
分类导航