【问题标题】:Menu 'border-right: none' not working菜单“右边框:无”不起作用
【发布时间】:2013-04-05 09:57:04
【问题描述】:

我在这个页面上添加了菜单分隔符http://79.170.40.241/refthecoffeefactory.co.uk/home

我还添加了以下内容以删除菜单最右侧的边框,尽管它似乎不起作用.....

#navigation ul.nav > li.menu-item-56 {
    border-right: none !important;

}

有什么想法吗?

【问题讨论】:

标签: css wordpress styles border stylesheet


【解决方案1】:

边框样式位于a 标签上,而不是li 标签上。

这应该为您完成工作:

#menu-item-56 a {
    border-right: none !important;
}

【讨论】:

    【解决方案2】:

    注意:只是进一步看了一下。您的边框位于“a”标签上,而不是表格上。不过,我之前的回答如下:

    看起来它被其他样式覆盖了。查看您的样式链,您有许多重叠的样式,并且经常使用 !important。有一些方法可以隔离该特定元素,但您可能需要重新审视所有样式,同时考虑到特异性和继承性。这是一个简单有效地解释它的网站: http://www.vanseodesign.com/css/css-specificity-inheritance-cascaade/

    此外,要找出具体破坏它的样式,使用 Firefox 或 Chrome,请右键单击并检查元素。你会看到你指定没有边框的那个被覆盖了(它被划掉了)。

    【讨论】:

    • 谢谢。我正在使用 wordpress 子主题,这就是为什么 !important 被用于这些样式。
    【解决方案3】:
    #main-nav li a:last-child
    {
    border-right: none !important;
    } 
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2022-12-21
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-02-26
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多