特定的伪和类样式不能正常工作

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。