class 和 id 有何區別?

詳細解析與運用請上網查詢, 已經很多人寫過教學. 在此將概念簡化並舉例說明.

* class 可以在同一頁面重複使用.
Ex: class="貓" 
無論是白貓、黑貓、花貓... 房間內任何花色的貓都可以探頭喵個兩聲.

* id 是獨一無二只能專屬使用, 像是身份證.
Ex: id="小肥貓"
房間內只能有一隻名叫小肥貓, 你不會在房內同時看到兩隻小肥貓跟你喵喵.

* 樣式盡量使用 class, 因為方便重複使用; 還可以多重 class 複合式使用.

* id 經常運用在 JavaScript, 在函數的操作上發揮作用. Ex: 按下按鈕, id "小肥貓" 就會去抓老鼠; 萬一有兩隻命名為小肥貓就會造成困擾, 現在你到底要叫哪隻小肥貓去抓老鼠啊?

* 雖然 class 和 id 都能夠當作樣式使用, 但在程式碼中卻不一定要在CSS樣式中描述它長的怎樣, 只需要一個屬性名稱:id值

#CSS   #Blogger   #Javascript  
Shared publiclyView activity