Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/291.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 要选择哪个类删除URL下划线?_Php_Html_Css_Wordpress - Fatal编程技术网

Php 要选择哪个类删除URL下划线?

Php 要选择哪个类删除URL下划线?,php,html,css,wordpress,Php,Html,Css,Wordpress,我试图在悬停事件中从URL中删除下划线,但无法确定哪个类/CSS规则影响div。页面底部是相关帖子部分,当光标悬停在图像/文章标题上时,标题会加下划线 我用于删除下划线的CSS规则是文本装饰:无 该问题的示例可在本页底部看到: 我为许多不同的级联类创建了CSS规则,例如:jp-relatedpost-jp-relatedpost-post0-jp-relatedpost-post-thumbs 甚至将它们组合成一个巨大的、超级特定的类,但仍然无法删除下划线 tl;dr-为了删除悬停事件中出现的下

我试图在悬停事件中从URL中删除下划线,但无法确定哪个类/CSS规则影响div。页面底部是相关帖子部分,当光标悬停在图像/文章标题上时,标题会加下划线

我用于删除下划线的CSS规则是文本装饰:无

该问题的示例可在本页底部看到:

我为许多不同的级联类创建了CSS规则,例如:jp-relatedpost-jp-relatedpost-post0-jp-relatedpost-post-thumbs

甚至将它们组合成一个巨大的、超级特定的类,但仍然无法删除下划线

tl;dr-为了删除悬停事件中出现的下划线,我需要使用什么类选择器来定位相关帖子超链接

如果我能澄清任何事情,请告诉我这将起作用

a:hover{
    text-decoration: none;
}
这会奏效的

a:hover{
    text-decoration: none;
}

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

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;
}
divjp relatedposts div.jp-relatedposts-items div.jp-relatedposts-post:hover.jp relatedposts标题a{ 文字装饰:下划线; } 来自jetpack.css

使用

.jp-relatedposts-post-a:悬停{ 文字装饰:无; } 在jetpack.css之后或不使用!重要的如果不可能的话。

divjp relatedposts div.jp-relatedposts-items div.jp-relatedposts-post:hover.jp relatedposts title a{ 文字装饰:下划线; } 来自jetpack.css

使用

.jp-relatedposts-post-a:悬停{ 文字装饰:无; }
在jetpack.css之后或不使用!重要的如果不可能的话。

jetpack.css在wordpress管理控制台中不存在。如何编辑该文件?它是通过php自动创建的吗?@csterling我不知道。我刚刚发布了我看到的。如果你不能编辑它,就用它吧!在wordpress管理控制台中不存在important.jetpack.css。如何编辑该文件?它是通过php自动创建的吗?@csterling我不知道。我刚刚发布了我看到的。如果你不能编辑它,就用它吧!重要提示。我将其添加到样式表中,但它没有更改样式。不要从其他位置覆盖链接属性。我不知道覆盖它的规则是什么,否则我就不会有这个问题:DI将此添加到样式表中,并且它没有更改样式Don’不要从其他位置重写link属性。我不知道是什么规则重写了它,否则我就不会有这个问题:可能是您在其他位置重写了css规则。您可以使用文本装饰:无!重要的这将覆盖您定义的任何其他css规则。当光标悬停在标题url上时,这会起作用,但似乎有另一条规则作用于包含图像和标题的包装类,因为当光标悬停在图像上时,会显示下划线。有什么想法吗?谢谢你的帮助!如果有可能的话,我可以提供更多的帮助。可能你正在其他地方重写css规则。您可以使用文本装饰:无!重要的这将覆盖您定义的任何其他css规则。当光标悬停在标题url上时,这会起作用,但似乎有另一条规则作用于包含图像和标题的包装类,因为当光标悬停在图像上时,会显示下划线。有什么想法吗?谢谢你的帮助!如果有可能,我可以提供更多的帮助。