删除菜单的最后部分

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都指的是一个菜单项），您需要记住更新此菜单项是从菜单中添加/删除项目。