在WordPress中动态更改文本颜色

时间:2019-08-09 作者:hedgehogsweater

我想要一个透明的导航条。在登录页上,将有一个带有不同颜色图像的滑块,因此我想更改菜单项的文本颜色,以与每个相应的图像形成对比。

我在这里找到了一个理想的解决方案:https://codepen.io/thebabydino/pen/bWWwGa

但是,当我在HTML生成器中实现时:https://cutt.ly/KwyC2av, 它会产生完全不同的效果。相同的代码,相同的浏览器,所以我假设它是Wordpress?

mix-blend-mode: difference 当我将其应用于样式表中的其他选择器时,似乎也没有任何效果。是否有理由WP不会输出与代码笔相同的内容?

如果可能的话,我会喜欢纯CSS解决方案。JS作为最后手段是可行的,但并不可取。我已经找到了SASS解决方案,但不知道该怎么办。

1 个回复
最合适的回答,由SO网友:WebElaine 整理而成

如果检查文本,您将看到主题的CSS覆盖了自定义CSS。

你有h2 { color: white; }

但你的主题.widget h2 { color: inherit; }

所以“继承”获胜。如果您将自己的CSS更改为

.widget h2 { color: white; }

它将覆盖主题。顺便提一下,这里的标记过于复杂;您可能希望查看一个没有太多嵌套div的更简单的主题。

相关推荐

将dashics.min.css移至页脚

嘿WordPress社区,谷歌页面速度正在抱怨dashicons。min.css正在我们的网站上。然而,我们需要它来制作超大菜单。我想知道是否可以把它移到页脚。我已经尝试过此代码:add_action( \'wp_print_styles\', \'my_deregister_styles\' ); function my_deregister_styles() { wp_deregister_style( \'dashicons\' ); wp_enqueu