4-18 class与id的区别
Posted yilyan
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了4-18 class与id的区别相关的知识，希望对你有一定的参考价值。
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,
1 <html> 2 <head> 3 <style type="text/css"> 4 #aa 5 { 6 color:red 7 } 8 9 .aa 10 { 11 color:blue 12 } 13 </style> 14 </head> 15 16 <body> 17 <div id="aa" class="aa">I love you.</div> 18 </body> 19 20 </html>
我知道了 id就像一家里的爸爸妈妈哥哥弟弟，他们每个人都有自己的名字身份，不可混淆 class就像家里的衣服，你可以定义他们是各种颜色各种大小，可以分类好每人的，但它们也可以任意穿在家庭成员上，只是合不合适
或者：
同一个html网页页面可以无数次的调用相同的class类；同样ID在页面里也只能出现一次，并且是唯一性。
以“#”来开头命名id名称；class是以小写句号“.”开头命名。
以上是关于4-18 class与id的区别的主要内容，如果未能解决你的问题，请参考以下文章
CSS 的 ID 和 Class 有啥区别？如何正确使用它们