Question

我在哪里可以使用ID和类？他们之间有什么区别？我们是否有必要在CSS中强制使用id？

Answer 1

ID应该是唯一的，而类对于元素的“类型”更好。

所以你可能有类似的东西：

<ul id="menu">
....
</ul>

因为您的网站上可能只有1个主菜单。

但是，对于课程，您可能会有以下内容：

<span class='author'>Paolo Bergantino</span>

或者也许为此网站上包含答案的div添加样式：

<div class='answer'>....</div>

因为每页会有多个，所以它们是一类元素。将ID视为元素的社会安全号。每当一个元素足够重要并且是唯一的时，你就给它一个ID。这也有助于动态网站，因为按ID选择元素是迄今为止最快的方式，如果你有多个具有相同ID的元素（因此违反了这种做法），Javascript将无法按预期工作。

Answer 2

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>

Answer 3

简短而简单：

可以根据需要多次使用类（并且由句点定义）。 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>

Answer 4

来自w3schools：

id 属性指定唯一ID   对于HTML元素。

id必须在HTML中是唯一的   文档。

id属性可以由a使用   JavaScript（通过HTML DOM）或   CSS进行更改或样式   具有指定ID的元素。

和

类属性指定了一个   元素的类名。

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

无法使用class属性   以下HTML元素：base，   head，html，meta，param，script，   风格和标题。

可以分配多个   类到一个HTML元素，例如   。   这允许您组合几个CSS   一个HTML元素的类。

Answer 5

虽然你可以使用所有类的类，但是“只出现一次的类”（即ID）和“常规类”之间的分离对于保持CSS对自己有意义非常有用。

.menu { ... } /* Err, how many of those did I have? */
#menu { ... } /* Ahh, THE menu. */

Answer 6

ID指的是一个特定的元素（每个ID永远不应该使用多次）;一个类指的是多个元素。

CSS中的类和ID有什么区别？用例子说明使用地点

6 个答案: