Css 使用类和id'的适当情况；s

这可能看起来有点吹毛求疵，但我觉得这相当重要，我真的想澄清一下（我似乎找不到太多关于它的信息）

例如，假设我们想要一个左浮动、背景为黑色、文本为白色的框，这样做是否更好：

<div id="random-box">This is some content</div>

<div class="float-left random-box">This is some content here</div>

还是最好是：

<div id="random-box">This is some content</div>

<div class="float-left random-box">This is some content here</div>

我一直认为最后一个更好，因为CSS更少（例如，任何向左浮动的对象都可以有类“向左浮动”，这意味着你不必为各种不同的项目重复“向左浮动”），唯一的缺点是你有时会有很长的CSS类

如果我是对的，在什么情况下你应该使用ID？更重要的是，有没有真正有用的网站文章可以直接解决这个问题

---

或者这是一种不重要的情况，并且无论哪种方式都被普遍认为是好的？

过了一段时间，我决定在编码时主要使用它

---

我可以直截了当地说下去，但我怀疑很多人是否会注意到这个问题，而上面的链接为我提出的上述问题提供了一个很好的起点。

简单的经验法则是：使用ID来标识页面上的独特内容，使用类来标识可以按照某种模式逻辑标识为集合的内容，相似性，或者说反常性我想你已经走上了正确的道路。。但有时这完全是设计师的偏好。比如说，一个页面的标题（永远不会重复）应该使用Id，而作为主内容区域中的元素，通常会使用类？假设您有一个表，并且希望为不同的行使用不同的颜色，您可以将所有偶数行的类设置为evenrow，奇数行的类设置为oddrow，现在它们为您的表形成了一个逻辑模式-当然，您不能在这里对它们使用ID！因此，很明显，在您讲话时使用ID作为标题，使用类作为所有主要内容——这是一种个人偏好。现在，如果您养成了将内容划分为逻辑组的习惯，以便一次性修改其样式，则更适合“类”使用。。