第一个孩子没有在wordpress页脚导航工作

时间:2012-07-31 17:31:26

标签: html css wordpress html-lists css-selectors

嘿伙计们,我正在尝试在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查看该网站。

2 个答案:

答案 0 :(得分:2)

尝试将其添加到底部。

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

答案 1 :(得分:2)

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

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

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