重新設置菜單欄CSS設計

Question

嗨我正在使用Sublime文本閱讀器重新設置CSS設計中的菜單欄。這是使用Omeka從模板創建的主頁。我遇到的主要問題是菜單欄末尾的填充問題;特別是與「最後一個孩子」。我試圖添加填充來查看是否會擴大背景顏色，但不會改變。背景顏色在單詞結束後直接結束。這裏是代碼：

#primary-nav 
{ 
    clear: none; 
    float: right; 
    width: auto; 
    padding: 0 20px;  
} 
#primary-nav a 
{ 
    display: block; 
    border: none; 
    color: #ffffff; 
    background-color: #13294B; 
    text-align: center; 
    height: 53px; 
    line-height: 53px; 
    padding: 0px 20px; 
} 
#primary-nav li 
{ 
    border: none; 
} 
#primary-nav li a:hover 
{ 
    background-color: #00a3e0; 
    color: #121111; 
} 
#primary-nav .navigation > li:first-child a 
{ 
    border: none; 
} 
#primary-nav .navigation > li:last-child a 
{ 
    border:none; 
    text-align: center; 
    padding: 0px 20px; 
} 

最後一點，如果有一種方法來壓縮這個代碼會很好。這是從模板生成的代碼。唯一添加的部分是「最後一個孩子」來修正菜單欄末尾的格式。

這裏是一個網頁的鏈接，所以你可以看到我所描述的。 http://digitalhistory.butlerlibraryservices.org/

Answer 1

你有這是造成問題的style.css CSS文件（1931線）這條線：

#primary-nav .navigation > li:last-child a { 
    padding-right: 0; 
} 

刪除它，你應該解決您的問題。