Css 为什么:before在我的代码中似乎只工作一次?

Css 为什么:before在我的代码中似乎只工作一次?,css,Css,我使用:before在菜单项之前显示webfont图标。出于某种原因:before只处理一个类,而完全忽略了另一个类。如果我将两个li上前面应该有图标的两个类都更改为工作类名称,图标就会显示出来 想法 以下是一个例子: 我不认为你可以在一个类似的列表中创建免费的伪元素,列表应该只包含列表项。我宁愿将CSS更新为 nav#al-top-menu .log-out a:before, nav#al-top-menu .setting a:before { content: "X";

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

想法

以下是一个例子:

我不认为你可以在一个类似的列表中创建免费的伪元素,列表应该只包含列表项。

我宁愿将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;

}

在这里工作。你知道你有颜色吗:白色;在这些类定义中?对于大多数人来说,白色文本很难阅读…它工作得很完美,唯一的问题是颜色:白色;任何内容元素或未替换的元素都可以创建伪元素。这包括ul和它的li孩子。我现在意识到了。我现在看到的唯一问题是白色背景上的白色fg,如果我去掉它,我可以看到两个伪元素。是的,所以我不确定问题是什么。顺便说一句,我没有否决你的答案。哇……是WTF的一个时刻。有时候,需要别人看着它,才能指出一些如此简单、愚蠢的事情。