<a href=""> element</a>的最小样式是什么？

Question

使用<a>标签多年后，我从来没有找到一个长期问题的答案。

为了打击<a>标签的样式，我通常应用四种样式：

.element:link{text-decoration:none;color:#CCC;}
.element:hover{text-decoration:none;color:#CCC;}
.element:active{text-decoration:none;color:#CCC;}
.element:visited{text-decoration:none;color:#CCC;}

因为大多数人可能都知道，浏览器倾向于为链接应用默认下划线和皇家蓝色。

当我说元素的最小样式时，有什么方法我不必应用所有这些样式？ :hover，:active和:visited是否会继承:link样式？并且它是否兼容所有浏览器？

P.S。

我知道上面的内容与

相同

.element:link, .element:hover, .element:active, .element:visited{text-decoration:none;color:#CCC;}

所以请不要回答（：

Answer 1

根本没有样式 - 这样浏览器就会自动应用其默认样式。

通常的默认值是皇家蓝色的链接，红色或紫色的访问，其余没有特别的。

Answer 2

回答是因为@Rob说我应该把它放在这里

a.element{} 

或

.element {}

Answer 3

你只需使用

.element {text-decoration:none;color:#CCC;}

就是这样。
如果您想另外设置:hover或:active状态，请在.element {}之后执行此操作 如果您希望它适用于您的所有链接，您可以使用

a {text-decoration:none;color:#CCC;}