CSS中的classes和IDs有什么区别？举例说明在何处使用
CSS中的classes和IDs有什么区别？举例说明在何处使用
提问于 2009-08-01 01:46:58
在哪里可以使用ids和类？它们之间的区别是什么？我们有必要在CSS中强制使用in吗？
回答 6
Stack Overflow用户
回答已采纳
发布于 2009-08-01 01:48:17
ID应该是唯一的，而类更适合元素的“类型”。
所以你可能会有类似这样的东西：
<ul id="menu">
....
</ul>因为你的网站上可能只有一个主菜单。
但是，对于类，您可能具有以下内容：
<span class='author'>Paolo Bergantino</span>或者，在这个站点上设置包含答案的div样式：
<div class='answer'>....</div>因为每个页面都会有多个这样的元素，所以它们是一类元素。可以将ID视为元素的社会保险号。只要一个元素足够重要并且是唯一的，你就给它一个ID。这对动态网站也有帮助，因为根据ID选择元素是最快的方法，如果你有多个元素具有相同的ID (因此违反了这种做法)，Javascript将不会按预期工作。
Stack Overflow用户
发布于 2009-08-01 01:58:07
一个ID只能唯一地标识一个DOM元素。类标识一组相关的DOM元素。
例如，您可能有一个唯一的导航菜单，由一个ID标识：
<div id="nav">...</div>其中有许多菜单集，每个菜单集也是唯一标识的，并且属于一个公共类：
<div id="nav">
<ul id="content_menu" class="menu">...</ul>
<ul id="contact_menu" class="menu">...</ul>
<ul id="personal_menu" class="menu">...</ul>
</div>Stack Overflow用户
发布于 2009-08-01 02:16:25
简短而简单：
类可以根据需要使用任意多次(并由句点定义)。Ids只能用于一个元素(并由井号定义)。
<style>
.class {
font-size: 3em;
}
#id {
font-size: 3em;
}
</style>
<body>
<span class="class">I am a class</span>
<span class="class">Look at me, also a class</span>
<span id="id">I am special, you can only have one of me or I do not meet XHTML standards</span>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/1215618
复制相关文章
相似问题
腾讯云开发者
