CSS局部链接样式写法技巧 [ 网站地图 ]

发表于:2009-12-28 浏览:181 作者: 来源:互联网

关键字:CSS,链接样式

描述:例如定义了链接主样式如下: 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-deco

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

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 }

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


站长资讯网 做中国最丰富的资讯网站 沪ICP备05004089号