Css忽略了类规则

Question

非常基本的问题,但似乎我的CSS忽略了我的类规则,仍然在左侧和右侧应用填充:

http://jsfiddle.net/VabWL/11/

这使它落到了最后.有人能看到我在做错了吗？

#num {float: left; background: pink; width: 16.8%; text-align: center; margin: 2%;}
.first {margin-left: 0px; background: blue; height: 50px;}
.last {margin-right: 0px;}

<div id="num" class="first">0</div>
<div id="num">1</div>
<div id="num">4</div>
<div id="num">6</div>
<div id="num" class="last">9</div>

Answer 1

一种id选择是更具体的比class选等会最后在应用级联.

id必须是唯一的,所以你的HTML无论如何都是无效的.改为使用整个课程.

<div class="num first">0</div>
<div class="num">1</div>
<div class="num">4</div>
<div class="num">6</div>
<div class="num last">9</div>