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

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

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

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

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

html<p class="error large">
  lorem ipsum
</p>
Задание 1

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

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

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

Задание 2

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