链接下划线不会消失

时间:2016-11-26 10:28:17

标签: html css wordpress

我正在为WordPress编写插件,当我添加链接时,下划线不会消失。我使用的主题是 twentysixteen 。这是我的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;时,它实际上会为链接添加上线。

我错过了什么?

2 个答案:

答案 0 :(得分:2)

我会告诉你你错过了什么!:

.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到底是什么? WHY ???

这是我在整个WordPress目录中挖掘一小时后发现的。上面的代码位于主题的 style.css 文件中。无论如何,只是做着

box-shadow: none;

终于摆脱了那种强调。

答案 1 :(得分:0)

尝试使样式更具体,如:     .widget-area .widget .link-style-1:visited {     颜色:绿色;     } 如果可能,请分享链接的位置..

    { 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;
    }