CSS的属性选择符

« 返回上页作者:乔夫  分类: 网事悠游  日期:2008-1-28 at 22:24  

今天又学到一招。通常都知道CSS有三类选择符:*; ID; Class,今天才知道在CSS属性里也还有选择符,同样可以定义样式。

原文:Better Email Links: Featuring CSS Attribute Selectors – CSS-Tricks
译文:用CSS属性选择符定义邮箱链接更好

原文说的定义邮箱链接没多大兴趣,不过记住了属性选择符。其妙处就等于是在 CSS 里加了个 IF 判断语句如:

1. a[target="_blank"] { color: #f00 } /*定义所有打开新窗口的链接*/
2. a[href="http://goupwing.com"]:hover { color: #fc0; } /*定义网址为 http://goupwing.com 的链接*/

不用 ID,也不用 Class,也可以分门别类的定义样式,IE 和 FF 又都支持,暴爽!!!

更多分享

暂无评论  Trackback Url:http://ichov.com/web/css-attribute-selectors.html/trackback

有啥说啥 Leave a Reply