给网站的链接添加个性图标

很苦恼于博客目前使用的这套模板的链接颜色,鼠标不挪上去还真看不到,如果把颜色改掉又有些不协调,现在把颜色调为深色基本上看不出来,刚才看别人的博客的时候发现了一个比较不错的样式,所有外链后都有个小图标,而所有站内链接又没有,有点奇怪,于是股沟了一下,参考了两篇文章,准备稍微修改一下自己站点的链接样式。
可以参考以下两篇文章
http://zww.me/archives/24608
http://immmmm.com/add-different-types-of-attachment-icon.html
语法不算难,于是添加如以下样式一个

.pcontent a[href^="http:"]{background:url(http://dagai.net/wp-content/link.png) no-repeat left center;padding-left:12px;margin-left:3px;}

还有个语法就是

a [href$=".jpg"]

意思就是Href以http开头或者以.jpg结尾的链接前面加个小背景图。
但还有个问题没有搞清楚的就是,如果我希望除了.jpg和.gif结尾之外的链接加上小背景图应该怎么写呢,这语法正则不像正则,搞不清楚了,谁知道告诉我一下。

《给网站的链接添加个性图标》上的2个想法

发表评论

电子邮件地址不会被公开。 必填项已用*标注