菜单“右边框：无”不起作用

Question

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

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

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

}

有什么想法吗？

Answer 1

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

这应该为您完成工作：

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

Answer 2

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

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

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

Answer 3

#main-nav li a:last-child
{
border-right: none !important;
}