div中class和id有什么区别？

刺骨的言语ヽ痛彻心扉 2022-06-18 11:28 263阅读 0赞

我觉得这篇文章讲得不错， 所以直接转载过来学习， 不过我对格式进行了大致的调整。转载地址：http://blog.163.com/zzf\_fly/blog/static/209589158201271311449305/

1. class是设置标签的类， class属性用于指定元素属于何种样式的类。

如样式表可以加入.content1 \{ color: red; background: \#ff80c0 \} 使用方法：class="content1" .

id是设置标签的标识。id属性用于定义一个元素的独特的样式。如一个CSS规则\#content2 \{ font-size: larger \} 使用方法为：id="content2"

概念上说不一样（下面的两句话还是比较精辟的）：

class是一个样式，先定义好， 然后可以套给多个结构/内容, 便于复用。也就是说class名称可以相同。

id是一个标签，用于区分不同的结构和内容，就象你的名字， 如果一个屋子有2个人同名，就会出现混淆；id是先找到结构/内容，再给它定义样式；

2.属性的优先级问题

id的优先级要高于class, 可以自己写个例子看看。部分代码如下（**是我写的， 不是原作者写的哈**）：

**\[html\]** [ view plain][view plain] [ copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE][![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  <html>
2.  <head>
3.  <style type="text/css">
4.  \#aa \{ 
5.   color:red 
6.  \} 
7.  
8.  .aa \{ 
9.   color:blue 
10. \} 
11. </style>
12. </head>
13. 
14.  <body>
15.  <div id="aa" class="aa">I love you.</div>
16.  </body>
17. 
18. </html>

3. 关于js

如果在页面中要对某个对象进行脚本操作（js），那么可以给他定义一个id，否则只能利用遍历页面元素加上指定特定属性来找到它，这是相对浪费时间资源，远远不如一个id来得简单.

[view plain]: http://blog.csdn.net/stpeace/article/details/26166679#
[CODE]: https://code.csdn.net/assets/CODE_ico.png
[CODE_CODE]: https://code.csdn.net/snippets/352147
[ico_fork.svg]: https://code.csdn.net/assets/ico_fork.svg
[ico_fork.svg 1]: https://code.csdn.net/snippets/352147/fork