一个 <a href=""> 元素的最基本样式是什么？

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;}

所以请不要用那种方式回答。 (:

- George

---

你能不能只使用".element {}"，然后就可以结束了呢？ - Duniyadnd

请确保阅读选择器规范中的此部分，以了解每个选择器的工作原理：http://www.w3.org/TR/selectors/#dynamic-pseudos - BoltClock

或者说 a.element 也可以。 - BoltClock

@Duniyadnd - 你应该把那个放在答案里，而不是评论里，因为...那就是答案。 - Rob

@F4r-20：可能是一个特定性问题。 - BoltClock

Answer 1

最基本的是没有任何样式，这样浏览器会自动应用其默认样式。

通常的默认样式确实是链接为皇家蓝色，已访问链接为红色或紫色，其他部分没有特别的样式。

- Roy Dictus

Answer 2

因为@Rob说我应该把它放在这里，所以回答一下。

a.element{} 

或者

.element {}

- Duniyadnd

Answer 3

你只需要使用

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

就是这样。
如果您想要额外地为 :hover 或者 :active 状态添加样式，可以在 .element {} 之后进行操作。
如果您想要将其应用于所有链接，可以使用

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

- ttkalec