css - なぜ：beforeは私のコードで一度だけ機能するように見えるのですか？

Question

メニュー項目の前にWebフォントアイコンを表示するために：beforeを使用しています。何らかの理由で：beforeは1つのクラスでのみ機能し、他のクラスを完全に無視しています。アイコンが前にあるはずの2つの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>。リストにはリストアイテムのみを含める必要があります。