เมื่อผู้เริ่มต้น CSS เริ่มใช้เค้าโครง div+css เป็นครั้งแรก พวกเขามักจะประสบปัญหากับคำถาม: เมื่อกำหนดแอตทริบิวต์ คุณควรใช้ id หรือ class หรือไม่ ที่นี่ฉันจะพูดถึงหลักการของฉันในการใช้ ID และชั้นเรียนในงานของฉัน หวังว่ามันจะช่วยผู้เริ่มต้น
［b］หลักการใช้ ID［/b］
เรารู้ว่า ID นั้นไม่ซ้ำกัน ซึ่งหมายความว่า ID ไม่สามารถทำซ้ำได้ใน xhtml ทั้งหมด ดังนั้นเมื่อเราเขียนหน้าเว็บ ID จะใช้สำหรับโครงสร้างขนาดใหญ่ เช่น โลโก้ การนำทาง เนื้อหาหลัก ลิขสิทธิ์ ฯลฯ ตามการตั้งชื่อ มาตรฐาน ตั้งชื่อมันว่า #logo, #nav, #contenter, #copyright. อีกสถานการณ์หนึ่งคือ: เมื่อเราต้องการใช้เลเยอร์ผ่าน js เพื่อให้บรรลุผลบางอย่าง เราจะใช้ id สิ่งนี้ถูกกำหนดโดยเอกลักษณ์ของรหัสด้วย
［b］หลักการใช้คลาส［/b］
คลาสเป็นสากลในคำจำกัดความ CSS และสามารถนำกลับมาใช้ใหม่ได้อย่างไม่จำกัด ซึ่งสะท้อนถึงความเหนือกว่าของเค้าโครง div+css อีกด้วย คลาสมักถูกใช้ภายในโครงสร้าง ข้อดีของสิ่งนี้คือ มีประโยชน์ต่อการบำรุงรักษาและแก้ไขโค้ดของเว็บไซต์ในภายหลัง ซึ่งจะทำให้คลาสทั้งหมดเป็นลูกหรือหลานของ id
สิ่งที่ควรทราบอีกประการหนึ่งคือพยายามอย่าให้ชั้นเรียนมีรหัส เช่น .ff #childer{ ..} นี่เป็นสิ่งที่ไม่พึงประสงค์อย่างเห็นได้ชัดและไม่สอดคล้องกับนิสัยการเขียน ฉันยังได้แนะนำนิสัยการเขียนที่ดีมาก่อน ซึ่งเป็นประโยชน์อย่างมากต่อการเขียนโค้ดที่เป็นมาตรฐาน การทำงานร่วมกับเพื่อนร่วมงานคนอื่นๆ และแม้กระทั่งการบำรุงรักษาในภายหลัง