非常基本的问题，但似乎我的 CSS 忽略了我的类规则，并且仍然在左侧和右侧应用填充:
这使它从末尾掉下来。任何人都可以看到我在这里做错了什么吗？
#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>
最佳答案
id 选择器更像是 specific而不是 class 选择器，因此将在 cascade 中最后应用.
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>
关于html - Css 忽略类规则，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22841452/