ความแตกต่างระหว่างคลาสตัวเลือก CSS และ id คืออะไร? id และการใช้คลาสใน HTML

ความแตกต่างระหว่างคลาสตัวเลือก CSS และ id คืออะไร? id และการใช้คลาสใน HTML

เฉิน เว่ยเหลียงกำลังดำเนินการSEOเพิ่มประสิทธิภาพเว็บไซต์WordPressธีม

แม้ว่าฉันจะได้เรียนรู้ความรู้พื้นฐานเกี่ยวกับ HTML และ CSS มาก่อนแล้ว แต่ฉันไม่ได้ใช้งานมาระยะหนึ่งแล้ว โดยเฉพาะการใช้ส่วน CSS มันง่ายที่จะลืม

ดังนั้น บันทึกและสรุปความแตกต่างและการใช้ CSS selector id และ class ที่นี่:

• id สอดคล้องกับ #div
• คลาสสอดคล้องกับ .div

ความแตกต่างระหว่าง id และ class

คำอธิบายรหัส

• id เป็นแท็กคงที่ซึ่งใช้เพื่อกำหนดรูปแบบขนาดใหญ่ในหน้าเว็บซึ่งกำหนดไว้ในรูปแบบของ #div
• ตัวอย่างเช่น การแบ่งคอลัมน์ บน เนื้อหา ด้านล่าง ฯลฯ...
• ใช้เพื่อกำหนดองค์ประกอบเฉพาะ ซึ่งสามารถปรากฏได้เพียงครั้งเดียวต่อหน้าและไม่สามารถเรียกซ้ำได้

คำอธิบายคลาส

• คลาสคือกลุ่มสไตล์ที่ใช้กำหนดสไตล์โดยละเอียดในหน้าเว็บ โดยถูกกำหนดไว้ในรูปแบบ .div และสามารถทำซ้ำได้
• ตัวอย่างเช่น เมนูเฉพาะ บรรทัดข้อความ ฯลฯ...
• ในหน้าเดียวกันสามารถเรียกซ้ำได้หลายองค์ประกอบ

ตัวเลือก div นั้นไม่มีคุณสมบัติ โดยการกำหนด css จะควบคุมเลย์เอาต์บางอย่าง เช่น ความกว้าง ความสูง สีพื้นหลัง และขนาดข้อความของ div

ทั่วไปอีคอมเมิร์ซเว็บไซต์,站หน้าเว็บ html ที่สร้างโดยโปรแกรมคือการตระหนักถึงการจัดวางหน้าผ่าน CSS

ตัวเลือกคืออะไร?

คำจำกัดความของ CSS แต่ละสไตล์ประกอบด้วย 2 ส่วน:

选择器 {样式}

• ส่วนหน้า {} คือ "ตัวเลือก"
• "ตัวเลือก" หมายถึง "รูปแบบ" ของ {} ที่มันทำหน้าที่
• นั่นคือองค์ประกอบใดของหน้าเว็บที่ "สไตล์" นี้ใช้งานได้

ตัวอย่างโค้ด

วิธีเลือกและจัดรูปแบบองค์ประกอบ class="sidebar" มีดังนี้

.sidebar
{ 
background-color:black;
}

วิธีเลือกและจัดรูปแบบองค์ประกอบด้วย id="footer" มีดังนี้

#footer
{ 
background-color:black;
}