css - 特定の疑似およびクラスのスタイル設定が正しく機能しない

Question

これがクラスアイコンのあるdivに影響するのはなぜですか-...代わりにcssで定義されているliのみ

 li [class*=" icon-"]{
  display: inline-block;
  width: 1.25em;
  text-align: center;
 }

<li class="something">
    <div class="insidediv icon-one">test</div>
</li>
<br/>
<br/>
<br/>
<br/>
<div class="insidediv icon-one">test</div>

ここにサンプル http://jsfiddle.net/65nkm/3/があります

クラスアイコンが付いたliのみ-...影響を受けるはずですが、li内のdivは影響を受けません

助けていただければ幸いです

Answer 1

セレクターの後にスペースを削除liします。

li[class*=" icon-"] {
   display: inline-block;
   width: 1.25em;
   text-align: center;
}

更新されたjsFiddleを確認してください。