4-18 class与id的区别

时间 2019-12-14

标签 class 区别繁體版

原文原文链接

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

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

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

概念上说不同（下面的两句话仍是比较精辟的）：code

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

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

2.属性的优先级问题class

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是以小写句号“.”开头命名。