刪除菜單的最後部分

Question

我無法刪除客戶端的Wordpress網站中菜單的最後部分。 的代碼原有線路是這樣的：

ul # top-menu li { 
    padding-left: 19px; 
    background: url (images/menu-bg.png) no-repeat right 3px; 
} 

其中CSS代碼，我應該使用？

Answer 1

由於您沒有包含任何正確的代碼，並且您所包含的網站鏈接打開了即將推出的頁面，所以我不太清楚您指的是什麼，但根據我的理解，您會喜歡刪除菜單中存在的最後一個<li>。如果是的話，你可以使用last-child僞選擇這樣做，通過設置最後<li>的display屬性none：

ul#top-menu li:last-child { 
    display: none; 
} 

UPDATE：

既然你澄清，你想從最後<li>移除背景圖片，你可以使用這個CSS：

ul#top-menu li:last-child { 
    background: none; 
} 

如果你想辦法解決竟被其d適用於舊版本的IE，那麼你可以做的是，你可以通過登錄到你的Wordpress儀表板，導航到外觀>菜單，點擊右上角的screen options按鈕，然後將class設置爲最後一個菜單項。在CSS classes上進行檢查。接下來，向下滾動，單擊以打開最後一個菜單項並在CSS Classes (optional)輸入字段中輸入class-name。

：保存菜單後，您可以通過定位你爲它設置的CSS類，像這樣（我假設的最後一個菜單項的 class-name是 last-menu-item）的 background設置爲 none最後菜單項

ul#top-menu li.last-menu-item { 
    background: none; 
} 

Answer 2

它不聰明，像法赫德說的那樣刪除它，你可以刪除菜單中的鏈接。

登錄的管理員帳戶的網站，並轉到：

從「外觀」菜單上的儀表盤的左側，選擇「菜單」選項，彈出菜單編輯器。

選擇鏈接所在的菜單，然後將其從列表中刪除。省省吧，你就大功告成了......

Answer 3

這應該工作：

ul#top-menu li:last-child 
{ 
    background: none; 
} 

這將從最後一個菜單項刪除背景圖像（在你的情況下，它會刪除右邊的線） 。

編輯：由於忍者所指出的那樣，使用last-child將無法​​在IE瀏覽器的一些版本的工作，所以如果你想支持他們這種方法應該工作：

ul#top-menu > li + li + li + li + li + li + li + li 
{ 
    background: none; 
} 

這將從去除背景第8個菜單項（每個li都指的是一個菜單項），您需要記住更新此菜單項是從菜單中添加/刪除項目。