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。