一个元素可以同时有一个id和一个类吗？

Posted 2023-02-22

【中文标题】一个元素可以同时有一个id和一个类吗？

【英文标题】：Can an element have both an id and a class?

【发布时间】：2011-02-18 07:27:18

【问题描述】：

非常不言自明。

【问题讨论】：

因为我是初学者。为什么不？我在这里得到了一个完美的答案，我在 w3schools、htmldog 或 css 讨论中找不到。不到 5 分钟。

好吧，我实际上并没有写一个 css 文件来看看它是否可以工作。我最近遇到了 css 问题，这向我表明它有很多皱纹，而且现在对于很多事情最好问一下，因为我真的不太了解。为什么这么重？

虽然是的，但如果可能的话，您可以很容易地弄清楚，当考虑到元数据时，这个问题是有效的。例如，尼克的回答指出 ID 必须是唯一的。这很有趣，因为人们的知识经常有漏洞。许多自学成才的人从未使用过队列或堆栈……因为他们在发现之前从实践中学习。

忽略势利小人。我们欢迎各级！

我喜欢这个问题。几乎所有初学者级别的 HTML 示例都显示了一个 HTML 元素，该元素仅应用了 Class 或 ID，而不是组合。

【参考方案1】：

是的，你可以。但请注意，您的 html 文件中的 Id 必须是唯一的，而类可以在多个元素中使用。

<div class="examples" id="example1">text example</div>

【参考方案2】：

是的，你可以添加 id 和 class 以及 class 和 id

对于一个类和一个 id<h1 id="orange-text" class="pink-text blue-text">Hello World!</h1> 两个班级 <h1 class="orange-text" class="pink-text blue-text">Hello World!</h1>

【参考方案3】：

我想补充一点，如果同时添加 ID 和相互矛盾的类，则 ID 将具有更高的优先级。

例如：

CSS：

.par_color
    color:red;


#par_color
    color:blue;

HTML：

<section id="par_color" class="par_color">Some txt</section>

一些 txt 字符串将显示为蓝色而不是红色。

【讨论】：

...因为id比class有更高的选择性。

【参考方案4】：

简而言之，是的。通常，该类用于样式设置，而 id 则允许脚本直接操作。

【参考方案5】：

是的。

<div id="main" class="rounded">
</div>

【参考方案6】：

是的，一个元素可以同时有一个 ID（必须是唯一的！）和多个类。要拥有多个类，请在它们之间使用空格，这是一个示例：

<div id="myID" class="class1 class2 class3">Content</div>

【讨论】：

我要给你一个赞成票，但没有进一步解释我为什么这样做。

设置id和class的顺序有关系吗？还是可以先设置class再设置id？

【参考方案7】：

是的。不言自明。

此外，拥有多个类 IE 是很常见的 -

<div class="oneClass andAnother"></div>

但每个元素只能使用一个 ID，并且每个 ID 只能在每个 HTML 页面中使用一次。

【讨论】：

id 属性在哪里..？