ตอนนี้ ย้ายไปที่ไฟล์ CSS และใช้คุณสมบัติ CSS บางรายการด้านล่าง:

• ตั้งค่าสีพื้นหลังให้กับส่วนหัวโดยใช้ฟังก์ชัน rgb() เป็น “ (69, 51, 151) ”
• กำหนดรูปแบบตัวอักษร “ ตัวเอียง ” สำหรับหัวเรื่อง

ในคลาส HTML ส่วนหัวแรกจะใช้ชื่อคลาส “ หัวเรื่อง ” ดังนั้น สไตล์ที่ระบุในคลาสที่ระบุจะถูกนำไปใช้ในหัวข้อแรก:

สำหรับ “ ไลน์ ” คลาส เรามี:

• กำหนดสีของหัวข้อโดยใช้ฟังก์ชัน rgb() เป็น “ (255, 0, 0) ”
• ใช้ text-decoration-line เป็น “ ขีดเส้นใต้ ”

หัวข้อที่สองจะใช้รูปแบบของทั้งสองคลาส: “ หัวเรื่อง ' และ ' ไลน์ ' ระดับ:

หลังจากดำเนินการแล้ว ให้ตรวจสอบผลลัพธ์:

จากผลลัพธ์ คุณสามารถสังเกตว่าส่วนหัวที่สองใช้ CSS ทั้งสองคลาส

บทสรุป

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