2007/01/09 20:57
文章作者:Enjoy 转载请注明原文链接。
阅读<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;
}

雅虎风向标全新发布
加速proftpd

