css - 为什么 :before 在我的代码中似乎只工作一次？

Question

我正在使用 :before 在菜单项之前显示 webfont 图标。出于某种原因 :before 只在一个类上工作，而完全忽略了另一类。如果我将前面应该有图标的两个 li 上的两个类更改为工作类名称，则会显示该图标。

想法？

这是一个例子：http: //jsfiddle.net/bigdmachine/erxjE/1/

Answer 1

我宁愿将 CSS 更新为；

nav#al-top-menu .log-out a:before, 
nav#al-top-menu .setting a:before {
     content: "X";
     margin-left: 15px;
     margin-right: 5px;    
     font-family: 'WebSymbolsRegular';
     font-size: 14px;
     color: blue;

}

Answer 2

我不认为你可以在<ul>这样的内部创建“免费”伪元素，列表应该只包含列表项。