惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Last Week in AI
Last Week in AI
阮一峰的网络日志
阮一峰的网络日志
P
Proofpoint News Feed
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
MongoDB | Blog
MongoDB | Blog
云风的 BLOG
云风的 BLOG
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
J
Java Code Geeks
WordPress大学
WordPress大学
T
The Blog of Author Tim Ferriss
V
Visual Studio Blog
小众软件
小众软件
Microsoft Azure Blog
Microsoft Azure Blog
博客园_首页
IT之家
IT之家
Vercel News
Vercel News
C
Check Point Blog
Google DeepMind News
Google DeepMind News
月光博客
月光博客
D
DataBreaches.Net
酷 壳 – CoolShell
酷 壳 – CoolShell
美团技术团队
Y
Y Combinator Blog
Hugging Face - Blog
Hugging Face - Blog

博客园 - Guxx

一路有你站点开通,特别祝贺 mstIsUsedBy Domino和IIS共存一台服务器的配置 Subversion安装 ASP.NET的调试方法 showModalDialog打开网页和disabled后表单提交的问题。 项目刷新失败,无法从服务器中检索文件夹信息 css在不同的文档类型中的区别 - Guxx - 博客园 不规范的命名对ASP.NET中基于窗体的自定义身份验证的影响 Flash动态载入JPEG图片 在线配色 我曾经做过的网站 DotNetNuke的皮肤研究笔记 解决DotNetNuke3.0.8菜单不能使用中文的方法 IIS应用程序池的设置对dotnetnuke3.0.8运行的影响 让IE窗口填满屏幕,但不是FullScreen. Sps界面定制手记 Asp.Net服务器控件开发心得 如何批量加密存储过程?
A标签伪类的使用方法
Guxx · 2005-09-21 · via 博客园 - Guxx

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