第一个孩子不在wordpress页脚导航上工作

Question

大家好，我正在尝试在 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 上查看该网站。

Answer 1

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

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

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

Answer 2

尝试将其添加到底部。

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