您的位置:首页 > 其它

A标签伪类的使用方法

2005-09-21 10:42 459 查看
在CSS中, 我们经常会用到A的伪类, 但是我们也经常会混淆, 所以写在下面.
最基本的用法:

a {MARGIN: 0px;PADDING:0px;BORDER:0px;}
a:link {COLOR:#60A179;TEXT-DECORATION:none;}
a:visited{COLOR:#666;TEXT-DECORATION: none;}
a:hover{COLOR:#3AAD7E;TEXT-DECORATION: underline;}

在列表中的用法

#topmenu li a {
TEXT-DECORATION: none;
}
#topmenu li a:hover {
}
#topmenu ul li#one A { WIDTH: 60px}
#topmenu ul li#two A { WIDTH: 80px}
#topmenu ul li#three A { WIDTH: 80px}
#topmenu ul li#four A { WIDTH: 80px}
#topmenu ul li#five A { WIDTH: 80px}
#topmenu ul li#six A { WIDTH: 80px}
#topmenu ul li#seven A { WIDTH: 80px}
设置类时的用法:

a.classMenu:link {}
a.classMenu:hover {}
a.classMenu:active {}
a.classMenu:visited {}

设置ID时的用法:

a#Menu1:link {}
a#Menu1:hover {}
a#Menu1:active {}
a#Menu1:visited {}

当A的父元素有ID时的用法:
#parentid a:link {}

当A有父元素而无ID时的用法:
div a:link {}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: