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

ste*_*e h 9 html css

我正在学习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)

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)

这将设置所有节点带班mycolor2red.

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

#mycolor1{ color: blue; }
Run Code Online (Sandbox Code Playgroud)


Exp*_*lls 12

阅读属性 和CSS 的规范.

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