Question

我正在从一本书中学习HTML和CSS，并且我遇到了连接ID和类之间的问题，任何人都可以回答我何时使用它们？

＆＃13;

<p id=”footer”>Please steal this page, it isn’t copyrighted in any way</p>
    <p class="guarantee">

＆＃13;

这本书说：赋予元素一个id类似于向一个类添加一个元素。唯一的区别是属性被称为“id”，而不是“class”，元素不能有多个id，并且在具有相同id的页面上不能有多个元素。但仍然不明白何时使用它们：P 谢谢你们

Answer 1

类通常用于将元素组合在一起，而id用于标识特定元素。

<div class="buttonContainer">
    <button id="home">home</button>
    <button id="about">about</button>
    <button id="contact">contact</button>
</div>

<div class="buttonContainer">
    <button id="email">email</button>
    <button id="query">query</button>
</div>

另一个例子

<div id="header">
    <p class="title">Header Title Here</p>
</id>

<div id="footer">
    <p class="title">Footer Title Here</p>
</div>

Answer 2

快速回答是，应使用id标识网页上的特定元素，并且所有id都应该是唯一的。另一方面，类可用于标识具有相同或相似含义的多个元素。

Answer 3

你已经提到了主要的区别。但是当谈到CSS #id选择器时，还有其他事情需要考虑：

例如见：

<div id="mydiv" class="mydiv"><p>Hello there.</p></div>

CSS：

#mydiv {
color:red;
}

.mydiv {
color:blue;
}

这将产生红色彩色文本，因为ID更具体，因此与CSS更相关，它们是类的优先级。

Answer 4

'id'属性在同一网页中应该是唯一的，尽管可以声明多个具有相同ID的元素。不能有多个具有特定“id”的元素。

页面上可以有多个具有相同“类”的元素。例如，当您需要将相同的CSS样式应用于多个元素时，这非常有用。

例如，在Javascript中使用'id'来获取具有指定id的元素，或者当您想要仅将样式应用于该元素时。

Answer 5

ID是唯一的

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

课程不是唯一的

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

ids与HTML中的类之间的区别

5 个答案: