<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,效果很好。我知道我不能在标签式的范围内使用“a”或ol/ul,但它应该在内部工作。我一点也不明白。它不像块元素(div)在内联元素(a)中。所以就我所知这应该是可行的。但我来这里是因为我不太清楚。很抱歉这是个复制品,但我真的不知道该怎么修复了。

最佳答案

对于https://developer.mozilla.org/en-US/docs/Web/CSS/:link:link伪类只影响尚未访问的<a>标记。所以,如果你从未访问过这些网站,你不应该看到下划线。
听起来问题是a:link里面的样式不适合你?如果是这样,并且希望它们成为默认样式,那么

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

关于html - CSS文本装饰:无;在chrome中,在<div>内带有<a>,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/44554435/

10-10 23:13
查看更多