菜單「右邊框：無」不工作

Question

我加入菜單分隔此頁http://79.170.40.241/refthecoffeefactory.co.uk/home

上我還增加了以下刪除最右邊菜單的邊界，雖然它似乎沒有上班.....

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

} 

任何想法，爲什麼？

Answer 1

注意：只是進一步瞭解。您的邊框位於「a」標籤上，而不是桌子上。儘管如此，我的回答如下：

看起來它被其他風格所覆蓋。看看你的風格鏈，你有很多重疊的風格，並且很重要！有許多方法可以將特定元素隔離出來，但是您可能需要重新考慮所有樣式，並將特性和繼承考慮在內。這裏有一個簡單而有效的解釋它的網站： http://www.vanseodesign.com/css/css-specificity-inheritance-cascaade/

此外，要找出哪種風格是專門打破它，用Firefox或Chrome，右鍵單擊並檢查元素。你會看到你指定的沒有邊框的那個被覆蓋（它被去掉了）。

Answer 2

邊框樣式在a標籤上，而不是li標籤。

這應該爲你做的工作：

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

Answer 3

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