链接下划线不会消失

Question

我正在为WordPress编写插件，当我添加链接时，下划线不会消失。 . 我使用的主题是 这是我的html：

<a class="thisisunique" href="#" style="text-decoration:none;">some text</a>

我很惊讶这行不通，因为text-decoration甚至是内联的。 我也将其包含在CSS中：

a.thisisunique, a.thisisunique:link, a.thisisunique:visited, a.thisisunique:hover, a.thisisunique:active, a.thisisunique:focus {
    text-decoration: none !important;
}

我什至包含了主题开发人员的代码（ https://wordpress.org/support/topic/remove-underline-from-links-2/ ），他解释说主题不使用text-decoration ，而是border-bottom实现下划线（无论出于何种原因）：

.entry-content a, .entry-summary a, .page-content a, .comment-content a, .pingback, .comment-body > a, .textwidget a {
    border-bottom: none;
}

但可惜的是，那令人困惑的强调仍然存在。

奇怪的是，当我做text-decoration: overline; ，实际上会将上划线添加到链接中。

我到底想念什么？

Answer 1

我会告诉你你想念的东西！：

.entry-content a,
.entry-summary a,
.taxonomy-description a,
.logged-in-as a,
.comment-content a,
.pingback .comment-body > a,
.textwidget a,
.entry-footer a:hover,
.site-info a:hover {
    box-shadow: 0 1px 0 0 currentColor;
}

其中box-shadow: 0 1px 0 0 currentColor; 是负责这一切的枪之子！

什么是box-shadow ？ 为什么？？？

这是我在浏览整个WordPress目录一个小时后发现的。 file. 上面的代码在主题的文件中。 反正只是在做

box-shadow: none;

终于摆脱了该死的下划线。

Answer 2

尝试使样式更具体，例如：.widget-area .widget .link-style-1：visited {color：green; }如果可能，请共享链接的位置。

    { parent. a.thisisunique, 
    parent. a.thisisunique:link, 
    parent. a.thisisunique:visited, 
    parent. a.thisisunique:hover, 
    parent. a.thisisunique:active, 
    parent. a.thisisunique:focus {
    text-decoration: none !important;
    }