删除菜单的最后一部分[关闭]

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;
}

更新：

既然您已明确要从最后一个 <li> 中删除背景图片，您可以使用此 CSS：

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

如果您想要一个适用于旧版本 IE 的解决方案，那么您可以做的是，您可以通过登录到您的 Wordpress 仪表板，导航到外观>菜单，点击右上角的screen options 按钮并勾选CSS classes。接下来，向下滚动，单击以打开最后一个菜单项，然后在CSS Classes (optional) 输入字段中键入class-name。保存菜单后，您可以通过定位您为其设置的 CSS 类将最后一个菜单项的 background 设置为 none，如下所示（我假设最后一个菜单项的 class-name 为last-menu-item):

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

Answer 2

像 Fahad 说的那样删除它并不聪明，你可以删除菜单中的链接。

登录网站的管理员帐户并转到：

从仪表板左侧的“外观”菜单中，选择“菜单”选项以调出菜单编辑器。

选择链接所在的菜单，然后将其从该列表中删除。保存它，你就完成了......

Answer 3

这应该可行：

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

这将从最后一个菜单项中删除背景图像（在您的情况下，它将删除右侧的行）。

编辑：正如 ninja 所指出的，使用last-child 在某些版本的 IE 上不起作用，所以如果你想支持它们，这个方法应该可以工作：

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

这将从第 8 个菜单项中删除背景（每个 li 指的是一个菜单项），您需要记住在添加/删除菜单项时进行更新。