【问题标题】:Wordpress: current_page_item works for text transform, but not colorWordpress:current_page_item 适用于文本转换,但不适用于颜色
【发布时间】:2012-07-26 08:08:31
【问题描述】:

我正在制作这部小电影的网站,我暂时托管在http://ivanfuentes.com/nolovelost/

在失去电影工作后,我决定开始从事我的其他爱好,网页...我已经学习了很多 html5 和 css3,但我还是个新手,因为我发现...我的客户要求我建立一个 Wordpress 网站,当我找到 Atahualpa 时,我认为采用它是一个好主意,这样他就可以轻松地对他的网站进行大量控制。再也不!从现在开始,我会尽量从头开始。

他想让当前页面在侧边菜单上以不同的颜色书写。为此,我使用了 Wordpress 中的 current_page_item 标识符,它确实有效,因为我尝试使用不同的参数,例如,确实将所有文本转换为大写。但是由于某种原因我仍然无法弄清楚,它不会改变文本的颜色!

我使用 Chrome 的“检查元素”选项检查了代码,正如我所见,浏览器确实将该项目识别为“current_page_item”,只是它不想应用特定的颜色更改(它已被删除)。

有人知道它是什么吗?我一直在努力解决这个问题,但到目前为止没有成功......任何帮助,甚至只是提示在哪里寻找,没有进一步的解释,将如此,非常感谢,因为这是我现在的所有工作。同样,如果有人想提出任何其他想法来停止成为这样的菜鸟,我很乐意倾听/阅读!

谢谢!

【问题讨论】:

    标签: wordpress


    【解决方案1】:

    CSS 提示:

    CSS 越具体,它优先于针对相同项目的现有 CSS 的优先级越高。像这样定位css:

    .current_page_item a{color:/*YOUR COLOR HERE*/;}
    

    如果还没有解决,那就更具体一点:

    #DIV_ID #MENU_ID .current_page_item a{color:/*YOUR COLOR HERE*/;}
    

    您可以以这种方式继续向上树添加更多层次的特异性,直到它成为您想要的颜色,或者您可以像这样进行手动覆盖:

    .current_page_item a{color:/*YOUR COLOR HERE*/ !important;}
    

    这将确保您的 CSS 不会被覆盖,但我个人尽量避免使用它,除非绝对必要。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2021-08-08
      • 2015-01-24
      • 2019-11-19
      • 2016-05-01
      • 2020-04-15
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多