หลายๆคนที่เขียน CSS ไปซักพัก แล้วโดนไซโคให้นิยมชมชอบ tag div เป็นชีวิตจิตใจ ^^ อาจจะสงสัยกันว่า แล้ว id กับ class นั้น แตกต่างกันอย่างไร ผมเองก็เคยสงสัยครับ

ความแตกต่างมันอยู่ตรงที่

ID

• Once times in your html layout.
  มีใช้แค่ครั้งเดียวใน 1 page เช่น header content sidebar footer etc.
  วิธีใช้ เช่น <div id=”header”></div> เป็นต้น
• ID is the first priority.
  เมื่อมี ID กับ CLASS อยู่พร้อมกัน เช่น <div id=”aaa” class”bbb”>
  CSS จะเรียกใช้ id เป็นหลัก หมายถึงจะไปเรียกใช้ #aaa

CLASS

• Several times in your html layout.
  ใช้หลายครั้งใน 1 page เช่น menu link
  วิธีใช้ เช่น <div class=”menu”></div>