css - 特定伪类和类样式无法正常工作

Question

为什么这会影响带有类 icon-... 的 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 .