手机
当前位置:查字典教程网 >网页设计 > 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制作网页布局实例:隐藏input文字

CSS让网页更容易设计与维护

CSS兼容的技巧

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

CSS的十八般技巧

DIV+CSS常用技巧

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

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

DIV+CSS固定底部的漂浮广告

精品推荐
分类导航