Pao*_*ino 20
ID应该是唯一的,而类对于元素的"类型"更好.
所以你可能有类似的东西:
<ul id="menu">
....
</ul>
因为您的网站上可能只有1个主菜单.
但是,对于课程,您可能会遇到以下情况:
<span class='author'>Paolo Bergantino</span>
或者也许div在这个网站上包含答案的样式:
<div class='answer'>....</div>
因为每页会有多个,所以它们是一类元素.将ID视为元素的社会安全号.每当一个元素足够重要并且是唯一的时,你就给它一个ID.这也有助于动态网站,因为按ID选择元素是目前最快的方式,如果你有多个具有相同ID的元素(因此违反了这种做法),Javascript将无法按预期工作.
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>
简短而简单:
可以根据需要多次使用类(并且由句点定义).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>