<a href=""> 元素的最低限度的样式是什么答案

【问题标题】：What is the bare minimum styling for a <a href=""> element<a href=""> 元素的最低限度的样式是什么
【发布时间】：2012-11-21 00:14:48
【问题描述】：

在使用 <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 样式吗？它是否兼容所有浏览器？

附言

我知道上面是一样的

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

所以请不要这样回答（：

【问题讨论】：

你不能只使用 .element {} 并收工吗？
请务必阅读选择器规范的这一部分以了解每个选择器的工作原理：w3.org/TR/selectors/#dynamic-pseudos
@Duniyadnd：或者a.element。
我觉得最好在使用 CSS 时更详细一些，以解决奇怪的行为或旧的或晦涩难懂的浏览器。
@Duniyadnd - 你应该把它作为答案，而不是评论，因为......这就是答案。

标签： html css styles href

【解决方案1】：

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

a.element{}

或

.element {}

【讨论】：

【解决方案2】：

你只是使用

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

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

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

【讨论】：

【解决方案3】：

最低要求是完全没有样式——这样浏览器就会自动应用其默认样式。

通常的默认值确实是宝蓝色的链接，红色或紫色的访问，其余的没有什么特别的。

【讨论】：