div中class和id有什么區別?


 

 

     我覺得這篇文章講得不錯, 所以直接轉載過來學習, 不過我對格式進行了大致的調整。轉載地址: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, 可以自己寫個例子看看。部分代碼如下:

 
  1. <html>  
    <head>  
    <style type="text/css">  
    #aa   
    {  
        color:red  
    }  
      
    .aa   
    {  
        color:blue  
    }  
    </style>  
    </head>  
      
    <body>  
    <div id="aa" class="aa">I love you.</div>  
    </body>  
      
    </html>  

     

 

3.  關於js

     如果在頁面中要對某個對象進行腳本操作(js),那么可以給他定義一個id,否則只能利用遍歷頁面元素加上指定特定屬性來找到它,這是相對浪費時間資源,遠遠不如一個id來得簡單.


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM