Question

开发人员自己插入了我的模板上的一条重要规则，无论我做什么，我都无法覆盖它。我正在尝试在网站的顶层菜单中设置单个元素的样式，位于http://akecheta.com 我可以使用控制台，它在客户端工作，所以我更新我的custom.css代码，当我重新加载页面时，没有任何实际改变。

这是我的代码：

<li id="menu-item-1590" class="bp-menu bp-login-nav menu-item menu-item-type-custom menu-item-object-custom menu-item-1591"><a href="http://akecheta.com/wp-login.php?action=login&amp;redirect_to=http%3A%2F%2Fakecheta.com%2Fmembers%2Fadministrador%2F&amp;_wpnonce=6e8d66da25"><span>Log Out</span></a></li>

令我烦恼的css规则是：

.site-nav > ul li a {
  color: #000000 !important;
}

我试过像这样覆盖它：

 .site-nav.bp-menu.bp-login-nav > ul > li + li {
color: #ff000 !important;
  font-weight: 900;
}

此

.bp-menu.bp-login-nav a {
  color: rgb(249, 24, 24) !important;
  font-weight: bold;
}

此

li#menu-item-1590 a {
      color: rgb(249, 24, 24) !important;
      font-weight: bold;
    }

此

li#menu-item-1590.bp-menu.bp-login-nav a {
          color: rgb(249, 24, 24) !important;
          font-weight: bold;
        }

这个

li#menu-item-1590.site-nav > ul li a {
      color: #000000 !important;
    }

其中.bp-menu和.bp-login-nav是在菜单中有链接的插件使用的两个类。我怀疑还有javascript，但我不知道在哪里。

UPTADE

＃menu-item-1590，而不是＃menu-item-1591 并且.bp-login-nav不是.bp-logout-nav

之前的版本仅供登录用户使用。遗憾。

Answer 1

.bp-menu.bp-logout-nav a {color:#ff0000;}应该做的工作

关于无法覆盖.site-nav > ul li a，因为它在 style.css 之前的标题中被名为主题的文件实施-setup.php

要删除!important：

.site-nav > ul li a { color: #000000 !important; }

您需要访问： onetake＆gt;包括＆gt;主题setup.php

在 theme-setup.php 的第72行附近，你会发现这样的内容，这就是在!important <上生成.site-nav > ul li a的内容/ p>
$onetake_custom_css .= '.site-nav > ul li a{color:'.esc_attr($nav_menu_color).' !important;}';

只需从中移除!important，然后您就可以正常为链接添加新样式，也可以使用!important。以下是删除!important
后上述代码的外观
$onetake_custom_css .= '.site-nav > ul li a{color:'.esc_attr($nav_menu_color).' ;}';

Answer 2

尝试将CSS更改为：

.bp-logout-nav a {
  color: #ff0000 !important;
  font-weight: 900;
}

无法覆盖！wordpress上的重要规则＆＃34;一个模板＆＃34;

2 个答案: