我试图有一个链接显示在白色,没有下划线.文本 colored颜色 正确地显示为白色,但蓝色下划线顽固地存在.我在CSS中try 了text-decoration: none;text-decoration: none !important;来删除链接下划线.两个都不管用.

.boxhead .otherPage {
  color: #FFFFFF;
  text-decoration: none;
}
<div class="boxhead">
  <h2>
    <span class="thisPage">Current Page</span>
    <a href="myLink"><span class="otherPage">Different Page</span></a>
  </h2>
</div>

如何从链接中删除蓝色下划线?

推荐答案

您不是将text-decoration: none;应用于锚点(.boxhead a),而是将text-decoration: none;应用于SPAN元素(.boxhead).

试试这个:

.boxhead a {
    color: #FFFFFF;
    text-decoration: none;
}

Css相关问答推荐

React呈现多个css文件

如何为垫子制作圆角- Select 所有角点上的下拉列表

如何在Delphi的TMS Web Core上向窗体添加背景图像

如何使shiny 的showNotification可滚动?

在 CSS 中,如何用破折号填充段落中每一行的空白区域?

有没有办法在 CSS 字体速记中使用数字字体粗细?

用于替代渲染的 CSS 嵌套

如何根据 CSS 变量内容做一些事情?

如何将 Google 字体链接到我的 Nuxt 文件?

Rails 7引擎如何使未编译的样式表可用于托管应用程序?

flex-start 和基线有什么区别?

如何通过单击
  • 激活 HTML 链接?
  • 如何根据其中的内容自动调整

    如何更改 CSS:JavaScript 中的根 colored颜色 变量

    在 IE9-10 中压缩 SVG 的背景大小

    溢出的文本可以居中吗?

    使用自定义 CSS 在 WebView 中呈现 HTML

    单选按钮和标签显示在同一行

    css 中的 clearfix 类有什么作用?

    使用 :focus 设置外部 div 的样式?