<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，但它应该在 .我完全不明白。而且它不像 block 元素(div)在内联元素(a)中。据我所知，这应该有效。但我在这里是因为显然我不知道那么多。对不起，如果这是重复的，但我真的不知道如何解决这个问题了。
最佳答案
根据 https://developer.mozilla.org/en-US/docs/Web/CSS/:link , :link伪类只影响 <a> 未被访问的标签。因此，如果您从未访问过这些网站，则不应看到下划线。
听起来问题是 a:link 里面的样式不适合你？如果是这种情况，并且您希望它们成为您的默认样式，那就这样吧
a {
text-decoration:none;
color:#008b45;
}
关于html - css 文本装饰 :none; in chrome with <a> inside of <div>，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44554435/