Question

我读了一篇文章，建议我们只应该在我们的标记中使用类，并且当我们需要从javascript引用它时才使用id（因为它更容易将函数附加到id）

目前，当我有多个需要相似风格的元素时，我只使用类。然而，这篇文章（我认为我读过 - 但没有参考）表明我们应该使用整个课程

我会这样做：

<header id="banner"></header>

建议的地点是：

<header class="banner"></header>

（即使横幅每页仅使用一次）

这是新的“良好做法”吗？

由于

Answer 1

据我所知，你是正确的，当你只需要设计一个独特的元素时，你需要使用类来设置多个元素和ID的样式。

Answer 2

我想你可能偶然发现了一篇关于object oriented css的文章。基本思想是你应该将样式视为一种抽象，它通过类与你的标记相关联。我发现它是保持组织有序的好方法，但是，与所有技术一样，它不是一个普遍的硬性规则。我认为将样式与ID标记链接没有问题，只要这样做最有意义。

这是“有道理”的定义真正棘手的事情。

Answer 3

ID属性，定义和用法

id属性指定HTML元素的唯一ID（该值必须在HTML文档中唯一）。

id属性最常用于指向样式表中的样式，并通过JavaScript（通过HTML DOM）来操作具有特定ID的元素。

详细了解here!

CLASS属性，定义和用法

class属性为元素指定一个或多个类名。

class属性主要用于指向样式表中的类。但是，JavaScript（通过HTML DOM）也可以使用它来更改具有指定类的HTML元素。

详细了解here!

因此，你可以使用Id的类来设置样式，只要知道可以在网页上的其他元素上重新使用该类，Id必须始终是唯一的。

告诉该类是用于应用CSS的最佳属性的原因是因为您可以拥有通用类名，然后通过您的网页使用很多，从而简化并减少编码时间：）

简单示例：

<强> HTML

<div id="theUniqueID">
  Hello!
</div>
<div id="theUniqueIDTwo">
  Hello Again!
</div>

<强> CSS

#theUniqueID {
  font-size: 15px;
  text-align: right;
}
#theUniqueIDTwo {
  font-size: 15px;
  text-align: right;
}

可以缩减为：

#theUniqueID, #theUniqueIDTwo {
  font-size: 15px;
  text-align: right;
}

可以在文档中一般使用，如下所示：

.format_01 {
  font-size: 15px;
  text-align: right;
}

然后使用HTML：

<div class="format_01">
  Hello!
</div>
<div class="format_01">
  Hello Again!
</div>
<div class="format_01">
  Hello Again and Again!
</div>

<强> PS：对于过度杀伤的答案感到抱歉，但是这也允许其他知识较少的人学习。

Answer 4

基本上你应该使用 id 作为唯一元素，这意味着如果你想在页面上保留一个不会在页面上出现两次的元素，那么你应该使用 id 并设置一组具有相同样式的元素，或者将某些元素保存在同一组中，您应该使用 class 。

但请记住，您还可以将类用于单个元素，但不能将 id 用于页面上的多个元素。

例如，getElementById或$('#idOfElement') (using jQuery)会返回单个元素，但getElementsByClassName或$('.idOfElement') (using jQuery)会返回匹配元素的数组。因此，如果页面上有多个元素使用相同的id，那么您将只获得具有id的第一个元素，因此不要将 id 用于多个元素。

我应该只使用css样式的类吗？

4 个答案: