使用类和id的适当情况？

这看起来有点像挑剔的问题，但我觉得它很重要，我真的很想澄清一点（我似乎无法找到关于它的很多信息）使用类和id的适当情况？

举例说我们希望有一个盒子漂浮左侧，有一个黑色的背景，白色的文字，是它更好地做到：

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

，并有CSS为：

#random-box { float: left; background-color: #000; color: #fff; }

或者是它更好地做到：

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

，并有CSS为：

.float-left { float: left; } 
#random-box { background-color: #000; color: #fff; }

我总是理性的，最后是更好的，由于有被少CSS（例如任何浮动的东西都可以让班级“浮动”，这意味着您不必为各种不同的项目重复“float：left”）唯一的缺点是您最终有时会遇到很长的CSS类。。。

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

或者这是无关紧要的一种情况，而且这样做通常被认为是好的吗？

来源

2012-02-09 Sean

简单的经验法则是：使用ID来标识页面上唯一的东西，然后使用类标识某些东西，这些东西可以按照某种模式，相似性或者anology在逻辑上被识别为集合。我猜你已经在右边路径..但有时它完全是设计师的偏好。例如 – Flowerking 2012-02-09 17:01:11

所以说，一个页面的标题（这将永远不会再次重复）应该使用Id的，其中主要内容区域中的元素通常将我们的类？ – Sean 2012-02-09 17:02:34

假设你有一张表，并且你想为不同的行设置不同的颜色，你可以将所有偶数行的类设置为evenrow，odd rows class oddrow，现在它们为你的表形成一个逻辑模式 - 当然，你可以这里没有使用身份证的权利！所以，当你说话时使用标题ID和所有主要内容的类别是明显的 - 是个人偏好。现在，如果您养成将内容分成逻辑组的习惯，以便一气呵成地修改自己的风格，更适合“类”用法。 – Flowerking 2012-02-09 18:15:48

过了一段时间，我在编码时主要使用OOCSS作为我的主要理念。

我可以放兔子，但我怀疑许多人会永远不会看这个问题，上面的链接为像上面这样的问题提供了一个很好的起点。

来源

2012-11-19 14:49:01 Sean

使用类和id的适当情况？

回答

相关问题