分享、学习、提高
2007/01/09 20:57
阅读<CSS Mastery:Advanced Web Standards Solutions>中,以下是阅读笔记,加以自己的理解和说明,只记录偶觉得重要、容易遗忘及原先不知道的知识。

一:链接样式定义顺序

为了确保不发生后定义的规则覆盖了前面定义的规则,链接样式最好按照以下次序:

a:link, a:visited, a:hover, a:active

可以通过记住LoVe:HAte,其中L代表link,V代表visited,H代表hover,A代表active.

二:突出不同类型的链接

一般离站链接会采用class="external"的方式定义,通过以下CSS来与内链相区别。
.external{
background:url(images/externalLink.gif) no-repeat right top;
padding-right:10px;
}

但是此方法需要手工的在每个外链上加上这个类。现在可以使用属性选择器来实现,其基于CSS3。在Firefox、Safari下已经支持,但IE6不支持。
1. 使用[att^=val]属性选择器寻找以文本http:开头的所有链接:
a[href^=http:"]{
 background:url(images/externalLink.gif) no-repeat right top;
 padding-right:10px;
}
但是此法会选中使用绝对URL的内部链接,可以使用重新设置站内链接的样式,删除它们的外链样式来解决这个问题。
a[href^="http://www.9enjoy.com"],a[href^="http://www.9enjoy.com"]{
background-images:none;
padding-right:0;
}


发表评论
表情
emotemotemotemotemot
打开HTML
打开UBB
打开表情
隐藏
昵称   密码   游客无需密码
网址   电邮   [注册]