【问题标题】:text-decoration will not disappear文字装饰不会消失
【发布时间】:2018-02-21 12:33:14
【问题描述】:

我正在尝试在 wordpress 中自定义主题,但我遇到了链接样式问题。特别是我指的是您添加到帖子中的链接。我可以更改它们的颜色,但下划线不会消失,尽管有 css 规则:

a, .entry-meta a, entry-content a {
   color: #cc6633;
   transition: color .5s linear;
   text-decoration: none!important;

}

颜色改变,过渡有效,但文字装饰没有。此外,下划线保持不同的颜色(因此颜色不会应用于下划线)。其他人有过这个问题吗?谢谢

编辑////////////////////////////////////// //////////

我现在已经删除了这一行:

文字装饰:无;

发现了这个:

由于样式的原因,它非常微妙,但是您可以看到下划线又回来了,而“其他”下划线仍然存在(它是深灰色)。这意味着有“两个”下划线应用于同一个链接?

【问题讨论】:

  • 你的规则有一个错误:它应该是.entry-content a,在entry-content之前有一个点。
  • 您能否向我们展示链接周围的 HTML、容器元素的 css 以及该问题的工作演示 - 最好是 Minimal, Complete, and Verifiable example,但即使是指向您的实时站点的链接也会有所帮助。
  • 如果你必须使用重要,那么你的特异性是不正确的。请提供链接,以便我们实时查看问题。

标签: html css wordpress hyperlink text-decorations


【解决方案1】:

类对象前缺少 (.):

.entry-content a{
text-decoration: none !important!;}    

【讨论】:

    【解决方案2】:

    第一,在 none 和 !important 之间留一个空格。 2、可能还有其他类有文字装饰:下划线!重要,在你的风格之后应用,

    尝试给 a 标签一个内联样式,看看效果如何。

    <a style="text-decoration: none !important;"></a>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2015-08-23
      • 2011-12-28
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-06-11
      • 1970-01-01
      相关资源
      最近更新 更多