哪个使用<div class ="name">或<div id ="name">？

Question

哪个使用<div class ="name">或<div id ="name">？

我正在学习HTML.有人可以告诉我类和id有什么区别,何时使用另一个？他们似乎做同样的事情

<!DOCTYPE HTML>
<html>
<head>

<style>

#mycolor1 {color: red;}    
.mycolor2 {color: red;}

</style>

</head>
<body>

<div id="mycolor1">     hello world </div>
<div class="mycolor2">     hello world </div>

</body>
</html>

Run Code Online (Sandbox Code Playgroud)

Answer 1

kar*_*ikr 21

他们不做同样的事情.id用于定位特定元素,classname可用于定位多个元素.

例:

<div id="mycolor1" class="mycolor2">     hello world </div>
<div class="mycolor2">     hello world2 </div>
<div class="mycolor2">     hello world3 </div>

Run Code Online (Sandbox Code Playgroud)

现在,您可以div使用classname mycolor2同时引用所有s

.mycolor2{ color: red } //for example - in css

Run Code Online (Sandbox Code Playgroud)

这将设置所有节点带班mycolor2到red.

但是,如果你想专门mycolor1设置blue,你可以像这样具体地定位它:

#mycolor1{ color: blue; }

Run Code Online (Sandbox Code Playgroud)

Answer 2

Exp*_*lls 12

阅读属性和CSS 的规范.

id必须是独一无二的 class不一定是
id 在CSS中具有更高(最高!)的特异性
元素可以有多个非序数类(用空格分隔),但只有一个 id
查询DOM时,通过它的ID选择元素会更快
id可以用作任何元素的锚目标(使用请求的片段). name仅适用于锚点(<a>)

归档时间：	12 年，6 月前
查看次数：	205209 次
最近记录：	12 年，6 月前