图标元素的节点选择

以前大部分人喜欢用<span></span>没有语义话的标签来设置一个小图标

现在推荐使用<i></i>这个标签即减点有方便查看因为也许有时候会在其他的地方用到span这个标签

old:

<li class="favorite">
  <span class="icon favorite"></span>
  <span id="favorite-insert-point" class="favorite"></span>
</li>

new:

<p><i class="icon icon-comment"></i>23 comments</p>
...
.icon { background-image: url( sprites.png ); }
.icon-comments { background-position: 0 -30px; }