Question

我正在学习HTML。有人可以告诉我类和id有什么区别，何时使用另一个？他们似乎做同样的事情

<!DOCTYPE HTML>
<html>
<head>

<style>

#mycolor1 {color: red;}    
.mycolor2 {color: red;}

</style>

</head>
<body>

<div id="mycolor1">     hello world </div>
<div class="mycolor2">     hello world </div>

</body>
</html>

Answer 1

他们没有做同样的事情。id用于定位特定元素，classname可用于定位多个元素。

示例：

<div id="mycolor1" class="mycolor2">     hello world </div>
<div class="mycolor2">     hello world2 </div>
<div class="mycolor2">     hello world3 </div>

现在，您可以使用

一次引用所有div s类名mycolor2

.mycolor2{ color: red } //for example - in css

这会将类mycolor2的所有节点设置为red。

但是，如果您要将mycolor1专门设置为blue，则可以按照以下方式对其进行定位：

#mycolor1{ color: blue; }

Answer 2

Read the spec for the attributes and for CSS。

id必须是唯一的。 class不一定是
id在CSS中具有更高（最高！）的特异性
元素可以有多个非序数类（用空格分隔），但只有一个id
查询DOM时，通过它的ID选择元素会更快
id可用作任何元素的锚点目标（使用请求的片段）。 name仅适用于锚点（<a>）

Answer 3

当您有多个相似元素时，应使用类。

Ex：很多div显示歌词，你可以为它们分配一类lyrics，因为它们都很相似。

ID必须是唯一的！它们用于定位特定元素

例如：用户电子邮件的输入可能具有ID txtEmail - 其他任何元素都不应具有此ID。

Answer 4

对象本身不会改变。这两个关键字的主要区别在于：

ID 在页面
类可以有一个或多个出现

在CSS或Javascript文件中：

ID将由＃
将通过。

Answer 5

简单地说：id对于整个HTML文档中的一个元素是唯一的，但是类可以添加到众多元素中。

此外，ID属性优先于类属性。

如果您计划使用javascript或其任何框架，

ID和类特别有用。

Answer 6

当你想为一组元素设置属性时使用

类，但是只能为一个元素设置id。

Answer 7

ID的必须是唯一的（一次只能给DOM中的一个元素），而类不必。您已经发现了CSS .类和# ID前缀，所以这就是它。

Answer 8

ID为元素提供了唯一的标识符，以防您想在JavaScript中对其进行操作。 class属性可用于处理一组HTML元素相同，特别是在字体，颜色和其他样式属性方面......

Answer 9

ID适用于仅出现一次的元素喜欢徽标侧边栏容器

Class适用于具有相同UI的元素，但它们可以出现多次。像

#fe> .feed容器中的.feed

Answer 10

在引用单个唯一元素时使用Id选择器。
类选择器引用一组元素。

例如，如果您有多个看起来相同的按钮，则应使用class =“mybutton”来获得一致的样式。

在表现方面：

CSS选择器为matched from right to left。

因此，.myClass应该比#myID“更快”，因为它错过了测试。

对于正常大小的页面，性能速度可以忽略不计，您可能永远不会注意到差异所以它主要是关于约定。

以下是有关为什么css为browsers match css selectors from right to left

的更多信息

使用哪个<div class =“name”>或<div id =“name”>？</div> </div>

10 个答案: