菜单'border-right：none'无效

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”标记上，而不是表格中。不过，我之前的答案如下：

看起来它被其他样式覆盖了。看看你的风格链，你有很多重叠的风格和使用！非常重要。有一些方法可以隔离该特定元素，但您可能希望重新考虑所有考虑特异性和继承性的样式。这是一个简单有效地解释它的网站： http://www.vanseodesign.com/css/css-specificity-inheritance-cascaade/

此外，要找出哪种风格特别突破它，使用Firefox或Chrome，右键单击并检查元素。你会看到你指定没有边框的那个被覆盖（它被划掉）。

Answer 3

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