為什么：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>內創建“免費”偽元素，列表應僅包含列表項。