1

嘿伙计们，我正在尝试在 WordPress 主题的页脚上创建水平导航，但遇到了几个问题。我最初尝试将其作为display:inline水平的，但我希望列表中的每个元素都有一个项目符号，但第一个元素除外。所以我做了一些研究并想出了以下代码

.menu-footer li{
    list-style-type:none;
    float:left;
    margin-right:5px;
    margin-left:5px;
}

.menu-footer li:before {
    content:'\2022';
}

.menu-footer #menu-footer-navigation li:first-child {
    list-style-type:none !important;
}

然而，第一个孩子并没有像我认为的那样工作。我尝试过移动元素等，但没有奏效。该列表是通过 WordPress 后端动态创建的，无论我尝试什么，它都没有按照我的意愿去做，这就是我选择这种方式并寻求帮助的原因。我发现的大多数解决方案都来自这个站点，但还没有找到适合我情况的解决方案。如果您正在寻找参考点，您可以在http://goml.xxplosions.com上查看该站点。

4

2 回答 2

2

尝试将其添加到底部。

.menu-footer li:first-child:before {
content:'';
}
于 2012-07-31T17:35:09.707 回答
2

您的第二条规则在每个列表项前面创建一个包含项目符号的伪元素。要从第一个元素中删除它，您需要覆盖该确切规则：

.menu-footer li:first-child:before {
    content: none;
}

阅读有关伪元素的更多信息： https ://developer.mozilla.org/en/CSS/Pseudo-elements https://developer.mozilla.org/en/CSS/:before

于 2012-07-31T17:36:18.403 回答