Question

最近我正在使用很多Wordpress主题。当我必须编辑特定元素时，我通常使用Firebug来查看元素的名称，以便我可以更改CSS。我想我理解了ID和Classes之间的区别，Classes用于你想要共享相同样式的一组元素，而ID通常用于单个元素。

这就是事情，我在这些Wordpress主题中看到了很多只使用过一次的元素，但它们被分配给了一个类。一个很好的例子是网站标志。徽标只用过一次吗？不应该分配给ID吗？为什么总是分配给一个班级？

Answer 1

id是一个独特的，但是当它不是，那么你可以选择多个选择器

ID是唯一的

每个元素只能有一个ID 每个页面只能有一个具有该ID的元素

课程不是唯一的

您可以在多个元素上使用相同的类您可以在同一元素上使用多个类。

需要应用于多个对象的任何样式信息在页面上应该用一个类完成。例如，一个包含多个“小部件”的页面：

Answer 2

经常需要改变。今天您认为仅使用一次的元素/样式将来可能会被多次使用。也许您的网站上会有多次使用您的徽标（例如，在您的关于我们的页面上）。也许你最终可能会加入第二个搜索栏。在极少数情况下，您可以100％确定地知道该样式只需要一次。

以下是关于这个主题的好读物：http://oli.jp/2011/ids/

Answer 3

http://ryanfait.com/articles/the-difference-between-ids-and-classes/

瑞安说

“我采取与大多数网页设计师不同的立场使用ID和类。绝大多数CSS编码器都使用ID 在页面上只使用一次的任何元素。但是，我只使用用于设置我的网站样式的类，但是，当我想在其中使用元素时 JavaScript，我使用标识符。从表现的角度来看，类的样式元素看起来与样式元素完全相同有ID，但课程的灵活性甚至提供了一定的吸引力如果我不打算在页面上多次使用一个类。还有，何时我在XHTML中看到了一个ID，它提醒我有一些JavaScript 那指的是那个元素。这取决于你，但只要你正确地实现类和ID，它或多或少是一个问题个人选择何时利用其中一种。“

Answer 4

有些原因让人们更喜欢在CSS中使用类而不是id。（请注意，对于javascript ID＆s仍然常用）。

类元素可在该页面上重复使用。这意味着您不会像使用ID那样拥有与Classes一样多的重复代码。
通常，ID指的是非常具体的内容，而抽象则很难
使用id获取的任何性能增益都可以通过向id的左侧添加任何其他选择器来取消。这主要意味着在id的大多数用途中你都不会真正获得性能提升。（你甚至可以比你只使用一个班级的表现更差）

关于此的讲座：

Answer 5

如果您不熟悉Web开发，只需使用简单的规则：

如果您尝试将样式应用于HTML元素，请使用类。

如果您尝试使用javascript与HTML元素进行交互，请使用ID。

Answer 6

您会看到更多classes，因为它们可以重复使用并分配给多个元素。
但id一次只能属于一个元素，因此较少。

Classes只出现一次： 这样的情况就像你发现的情况一样，你可能称它们在语义上不正确，因为id是更合适的选择，但它仍然会起作用，它可能会发生几次，我们只能使用class出现一次（可能是在定义那个类时我们认为我们可以在某个地方使用它但最后我们真的没有），除了一般习惯，另一个原因可能是：

该类样式也在其他地方使用，例如：。

.logo{
    width:250px;
    height:250px;
    float:left;
}

.logo类已应用于徽标<div class='logo'>...</div>但是还有另一个元素也需要logo和其他一些属性相同的三个属性，因此也可以重复使用徽标。

<div class='otherstyle logo'>...</div>这将适用logo以及otherstyle的风格。

用其他一些词来概括。 class的基数为1...*，因此您可以使用它一次且不止一次。但是对于id，它是1...1，你只会使用它一次。

为什么大多数元素都分配给一个类而不是一个ID？

6 个答案: