去掉链接下划线？

本来没有这个需求，不过最近越来越发现满屏下划线确实很碍眼……
不过完全没有又丧失了实用性。个人觉得平时没有，hover时出现是比较好的效果，所以想把原来所有显示的都变成这种效果。

搜了搜好像还没什么简单的解决方法呢……
下面说说我的探索
先是来了个

a[href*=http]{ text-decoration: none !important; }
a[href*=http]:hover{ text-decoration: underline !important;}

然后发现其实属性那个没必要加，白白浪费性能，还不适用页面内uri跳转和非http协议，于是去掉了，变成

a{ text-decoration: none !important; }
a:hover{ text-decoration: underline !important;}

但是俩important，去掉的任务是完成了，可是某些hover时故意不加下划线的却被这个important搞得也加上了
但是去掉其中任何一个都是没作用的，因为:hover伪类的优先级和原来的元素是一样的，要么都important要么都不important。

于是考虑和浏览器本身的设置结合起来，首先在选项中设置不显示下划线，然后加上

a{ text-decoration: none ; }
a:hover{ text-decoration: underline ;}

试了几个站，仿佛达到期望的效果了

我的问题是：
0. 这个是完美的解决方案吗？是否有更好的解决方法？
1. a{ text-decoration: none ; }还有没有必要加？仿佛不会起作用……因为无论是浏览器本身设置还是页面设置优先级仿佛都是高于没有important的CSS的……

这样就挺好，原来我也用过，只不过是针对特定的站点。

像本论坛Xsilver2这样主题，链接颜色跟文本颜色太接近，没下划线就经常看不见呢。

kmc：这样就挺好，原来我也用过，只不过是针对特定的站点。

像本论坛Xsilver2这样主题，链接颜色跟文本颜色太接近，没下划线就经常看不见呢。回到原帖

我不太懂html，直接匹配所有a元素会导致什么问题吗，虽然目前我看见的a基本都是连接类的

白左：

我不太懂html，直接匹配所有a元素会导致什么问题吗，虽然目前我看见的a基本都是连接类的回到原帖

不会有什么问题的。
HTML <a> 标签
http://www.w3school.com.cn/tags/tag_a.asp

悬停时，改变颜色会好点。
a:hover   {color:#000099!important;}

我用stylish，写了个CSS给去掉了，直接不显示下划线