虽然有很多人,只有一个你.因此,.对于类,它可以在文档中反复出现.#用于ID,它对文档是唯一的.
<div class="firstname" id="personA">
<p class="lastname">Sampson</p>
</div>
<div class="firstname" id="personB">
<p class="lastname">Sampson</p>
</div>
注意两者的唯一标识符div,personA和personB.但是这两个元素都有共同的类,例如.firstname,和.lastname.
通过查看Modernizr等工具,您可以看到它们如何在野外使用.此功能检测工具通过向<html>元素添加类来帮助您,该类通知您设备或浏览器的功能:
<html lang="en" dir="ltr"
id="modernizrcom"
class="js no-touch postmessage history multiplebgs boxshadow...">
在这里,我们看到<html>元素的唯一值,#modernizrcom.下面是一系列类,提供有关该元素的更多常规信息.这是一个明确的例子,说明一个元素只能有一个id,但是有很多类.
因为这些值是完全独特的,所以它们可能会让你有时把自己画成一个角落.值得阅读选择器中的Disallow ID以了解有关在选择器中使用ID的潜在问题的更多信息.
| 归档时间： |
|
| 查看次数： |
105 次 |
| 最近记录： |