我试图有一个链接显示在白色，没有下划线。文本颜色正确地显示为白色，但蓝色下划线顽固地坚持。我尝试了文字装饰:没有;文字装饰:none !在CSS中删除链接下划线。既不工作。
.boxhead .otherPage { 颜色:# FFFFFF; 文字修饰:没有; ｝ < div class = "表头栏”> < h2 > <span class="thisPage">当前页面</span> <a href="myLink"><span class="otherPage">Different Page</span></a> . < / h2 > < / div >
如何从链接中删除蓝色下划线?
当前回答
你没有应用text-decoration: none;到一个锚。Boxhead a)而是span元素(. Boxhead)。
试试这个:
.boxhead a {
color: #FFFFFF;
text-decoration: none;
}
其他回答
就我而言，我使用的HTML格式很差。链接在<u>标签内，而不是<ul>标签内。
锚标记(link)也有伪类，如visited、hover、link和active。确保您的样式应用于有问题的状态，并且没有其他样式冲突。
例如:
a:hover, a:visited, a:link, a:active
{
text-decoration: none;
}
有关用户操作伪类:hover、:active和:focus的更多信息，请参阅W3.org。
虽然其他答案都是正确的，但有一个简单的方法可以去掉所有这些讨厌的链接上的下划线:
a {
text-decoration: none;
}
这将从您的页面上的每一个链接删除下划线!
将以下HTML代码放在 <身体>标记:
<STYLE>A {text-decoration: none;
您错过了锚标记的文本修饰:none。所以代码应该如下所示。
.boxhead a { 文字修饰:没有; ｝ < div class = "表头栏”> < h2 > <span class="thisPage">当前页面</span> <a href="myLink"><span class="otherPage">Different Page</span></a> . < / h2 > < / div >
文本装饰的更多标准属性
