无法更改链接的悬停颜色

时间:2015-10-06 作者:Larry

我正在使用Twenty12和一个child主题http://fosit.staging.wpengine.com/.

我希望我的网站中的所有链接都有此深蓝色悬停:#0f3647

此颜色唯一起作用的链接是帖子标题。然而,无论我如何尝试,这些链接都会保持悬停状态#21759b:

帖子之后,“继续阅读”和“X回复”的链接右侧的“最近的帖子”小部件下的链接帖子下评论区域中的“回复”链接是我尝试添加到我孩子主题风格中的详尽列表。css,它们都没有任何效果。在CSS的灵魂深处,悬停属性正在被覆盖。

我试过一把巨大的锤子:

a:hover {
    color: #0f3647 !important;
}
我试过这些。。。

对于“继续阅读”和“X回复”:

.more-link a:hover {
    color: #0f3647;
}

.leave-reply a:hover { 
    color: #0f3647;    
}

.reply-count a:hover {
    color: #0f3647;  
}
对于最近发布的小部件:

.widget-area .widget a:hover {
    color: #0f3647;
}
对于评论区中的“回复”:

.comments-link a:hover {
    color: #0f3647;
}
我还尝试了:

.site-header h1 a:hover,
.site-header h2 a:hover {
    color: #0f3647;
}

.main-navigation a:hover,
.main-navigation a:focus {
    color: #0f3647;
}
有什么建议吗?

1 个回复
SO网友:iulia

如果仔细分析并查看错误的来源,可以避免所有这些冗余。Chrome开发工具或Firefox非常有助于您进行调试。实际上,您正在尝试设置链接的样式,但该链接具有span 在它里面,每个都有自己的类。

一个快速而肮脏的解决方案是your child theme 您可以添加

span.meta-nav:hover, .reply-count:hover, .rpwwt-post-title:hover{
    color: #0f3647;    
}

相关推荐

在带有PHP的子主题中包含style.css

在里面https://codex.wordpress.org/Child_Themes 这是包含样式的最佳实践。css在子主题中,必须将下面的代码放入函数中。php的子主题,但将“父样式”替换为可以在函数中找到的父主题的参数。父主题的php。我在我的主题文件中找不到它,那里也没有多少代码。使用@import包含父主题样式表的方法不适用于我,放入文件的css不会在任何浏览器的站点上显示自己。function my_theme_enqueue_styles() { $parent_s