4-18 class与id的区别

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

相关文章
相关标签/搜索