wordpress的菜单中不接受First-Child psuedo类

Question

我有一个页脚导航，我使用的分隔符来自：

#footnav li:before {
content:'\00B7';

}

我不能以第一个子元素为目标，这样点就不会显示在第一个元素之前。我在试着：

#footnav li:first-child {
content:'';

}

我还尝试调用与wordpress中的菜单项绑定的类。因为它是wordpress，所以我不能进入并为第一个目标li添加一个实际的span标记。wordpress有什么窍门吗？

这是站点(主题，页脚导航)：

http://thegoodgirlsnyc.com/holly/

Answer 1

试试这个：

#footnav li:first-child:before {
content:'';
}

在此过程中，将您的#footnav a类设置为显示为内联块，以正确地修复对齐方式。

Answer 2

css content:属性并不打算以您想要的方式使用(用于替换文本)。为此，您需要使用javascript。内容只能用于伪元素(例如:之前)以插入文本，而不能与伪选择器(例如:第一子元素)一起使用以替换文本。

如果要在链接后插入箭头，可能需要使用content属性，这是一个很好的示例：

a:after {
    content:' >';
}

有关更多信息，请阅读以下内容：http://css-tricks.com/6555-css-content/