现在的位置: 首页 > 综合 > 正文

A标签伪类的使用方法

2012年05月13日 ⁄ 综合 ⁄ 共 779字 ⁄ 字号 评论关闭

在CSS中, 我们经常会用到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 {}

抱歉!评论已关闭.