CSS 文本装饰：无；在 <div> 内带有 <a> 的 chrome 中答案

【问题标题】：css text-decoration:none; in chrome with <a> inside of <div>CSS 文本装饰：无；在 <div> 内带有 <a> 的 chrome 中
【发布时间】：2017-06-14 20:44:26
【问题描述】：

<body>
    <div>
        <a href="www.facebook.com">Like us on Facebook!</a>
        <a href="www.youtube.com">Check our YT channel!</a>
        <a href="www.codecademy.com">This is our website!</a>
    </div>
</body>

在css中：

a:link{
text-decoration:none;
color:#008b45;
}
a:hover{
color:#00ff00;
}
a:visited{
color:#ee9a00;
}

我似乎无法在 Chrome 中解决此问题。我用过 Opera 和 Mozilla，效果很好。我知道我不能在像 span 这样的标签内使用“a”或 ol/ul，但它应该可以在 .我完全不明白。并且它不像块元素（div）位于内联元素（a）中。所以据我所知，这应该是有效的。但我在这里是因为显然我知道的不多。对不起，如果这是重复的，但我真的不知道如何解决这个问题了。

【问题讨论】：

它对我有用...是否有其他代码会影响链接？

标签： html css text-decorations

【解决方案1】：

根据https://developer.mozilla.org/en-US/docs/Web/CSS/:link，:link 伪类仅影响未访问过的 <a> 标签。因此，如果您从未访问过这些网站，则不应看到下划线。

听起来问题是a:link 中的样式不适合您？如果是这种情况，并且您希望它们成为您的默认样式，那就做吧

a {
  text-decoration:none;
  color:#008b45;
}

【讨论】：