Question

我无法在客户端的Wordpress网站中删除菜单的最后一部分。原始代码行是：

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

我应该使用哪些CSS代码？

Answer 1

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

登录网站的管理员帐户，然后转到：

从信息中心左侧的“外观”菜单中，选择“菜单”选项以调出菜单编辑器。

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

Answer 2

这应该有效：

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

Answer 3

由于您还没有包含任何正确的代码，而且您所包含的网站链接即将开启，我不太确定您所指的是什么，而是根据我的理解，您要删除菜单中的最后一个<li>。如果是，您可以使用display伪造选择器设置上一个<li>的{{1}}属性为none，如下所示：

last-child

<强>更新

由于您已澄清要从上一个ul#top-menu li:last-child { display: none; }中删除背景图片，因此您可以使用此CSS：

<li>

如果您想要一个适用于旧版IE的解决方案，那么您可以通过登录Wordpress仪表板，导航到外观＆gt;菜单，为最后一个菜单项定义ul#top-menu li:last-child { background: none; }，点击右上角的class按钮，然后选中screen options。接下来，向下滚动，单击以打开最后一个菜单项，然后在CSS classes输入字段中键入class-name。保存菜单后，您可以通过定位为其设置的CSS类来为最后一个菜单项设置CSS Classes (optional)到background，就像这样（我假设{{1}最后一个菜单项为none）：

class-name

删除菜单的最后一部分

3 个答案: