程序人生,软件一生。

欢迎来到顾祥先的网站
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

A标签伪类的使用方法

Posted on 2005-09-21 10:42  Guxx  阅读(1420)  评论(0编辑  收藏  举报

在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 {}