องค์ประกอบที่มีหลายคลาส CSS

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

ลองดูตัวอย่าง สมมติว่าเรามีหลายคลาส CSS:

.error {
	color: red;
}
.large {
	font-size: 30px;
	font-family: Arial;
}

มากำหนดทั้งคลาสแรกและคลาสที่สองให้กับย่อหน้า:

<p class="error large">
	lorem ipsum
</p>

สมมติว่าคุณมีคลาสดังต่อไปนี้:

.success {
	color: green;
}
.error {
	color: red;
}
.large {
	font-size: 30px;
}
.small {
	font-size: 20px;
}

สมมติว่าคุณมี 4 ย่อหน้า ด้วยความช่วยเหลือของคลาสที่แสดงไว้ จัดการให้ ย่อหน้าแรกเป็นสีเขียวและมีฟอนต์ขนาดใหญ่ ย่อหน้าที่สอง - เป็นสีแดงและมีฟอนต์ขนาดเล็ก ย่อหน้าที่สาม - เป็นสีแดงและมีฟอนต์ขนาดใหญ่ และย่อหน้าที่สี่ - เป็นสีเขียวและมีฟอนต์ขนาดเล็ก

คิดค้นและสร้าง 3 คลาสอะไรบางอย่าง กำหนดให้กับแท็กใดก็ได้พร้อมกันทั้งสามคลาสที่คุณคิดค้นขึ้น