选择哪个类别来删除URL下划线？

Question

我试图在悬停事件中从URL删除下划线，但是无法弄清楚哪个class / CSS规则正在影响div。 页面底部是“相关帖子”部分，当光标悬停在图像/文章标题上方时，标题会带有下划线。

我要删除下划线的CSS规则是text-decoration：none

该问题的一个示例可以在本页底部看到：http: //50.87.248.154/~thetinat/healthy-personal-care-products-part-1/

我为许多级联类创建了CSS规则，例如：jp-relatedposts-post jp-relatedposts-post0 jp-relatedposts-post-thumbs

甚至将它们全部组合成一个庞大的超特定类，但仍然无法消除下划线。

tl; dr-我需要使用什么类选择器来定位“相关帖子”超链接，才能删除悬停事件上出现的下划线？

请让我知道是否可以澄清任何事情

Answer 1

“ jp-relatedposts-post-a ”类的意义是什么？ 如果可以将CSS添加到此类，则添加以下内容：

.jp-relatedposts-post-a, .jp-relatedposts-post-a:hover{
     text-decoration: none;
}

如果这对您不起作用，那么您可以尝试：

a.jp-relatedposts-post-a {
  text-decoration: none !important;
}

Answer 2

这会起作用

a:hover{
    text-decoration: none;
}

Answer 3

div#jp-relatedposts div.jp-relatedposts-items div.jp-relatedposts-post:hover .jp-relatedposts-post-title a {
    text-decoration: underline;
}

来自jetpack.css。

采用

.jp-relatedposts-post-a:hover{
    text-decoration:none;
}

在 jetpack.css 之后或不使用none !important; 如果不可能的话