ข้อผิดพลาดเมื่อใช้ตัวเลือก CSS หลายตัว

ขอเตือนอีกครั้งเกี่ยวกับข้อผิดพลาดของผู้เริ่มต้น: ตัวเลือก .bbb.zzz และตัวเลือก .bbb .zzz ทำหน้าที่ต่างกัน ตัวแรกค้นหาองค์ประกอบ ที่มีทั้งสองคลาสพร้อมกัน ส่วนตัวที่สอง - ค้นหาองค์ประกอบที่มีคลาส zzz ซึ่งอยู่ ภายในองค์ประกอบที่มีคลาส bbb

Задание 1

อธิบายว่าตัวเลือกในโค้ดด้านล่างเลือกอะไร จากนั้นเขียนโค้ด HTML ที่ตรงกับ ตัวเลือกนั้น นี่คือโค้ดที่มีตัวเลือก:

cssh2.zzz {
  color: red;
}
Задание 2

อธิบายว่าตัวเลือกในโค้ดด้านล่างเลือกอะไร จากนั้นเขียนโค้ด HTML ที่ตรงกับ ตัวเลือกนั้น นี่คือโค้ดที่มีตัวเลือก:

cssh2 .zzz {
  color: red;
}
Задание 3

อธิบายว่าตัวเลือกในโค้ดด้านล่างเลือกอะไร จากนั้นเขียนโค้ด HTML ที่ตรงกับ ตัวเลือกนั้น นี่คือโค้ดที่มีตัวเลือก:

css.bbb.zzz {
  color: red;
}
Задание 4

อธิบายว่าตัวเลือกในโค้ดด้านล่างเลือกอะไร จากนั้นเขียนโค้ด HTML ที่ตรงกับ ตัวเลือกนั้น นี่คือโค้ดที่มีตัวเลือก:

css.bbb .zzz {
  color: red;
}
Задание 5

อธิบายว่าตัวเลือกในโค้ดด้านล่างเลือกอะไร จากนั้นเขียนโค้ด HTML ที่ตรงกับ ตัวเลือกนั้น นี่คือโค้ดที่มีตัวเลือก:

css.bbb.zzz.xxx {
  color: red;
}
Задание 6

อธิบายว่าตัวเลือกในโค้ดด้านล่างเลือกอะไร จากนั้นเขียนโค้ด HTML ที่ตรงกับ ตัวเลือกนั้น นี่คือโค้ดที่มีตัวเลือก:

css.bbb .zzz.xxx {
  color: red;
}
Задание 7

อธิบายว่าตัวเลือกในโค้ดด้านล่างเลือกอะไร จากนั้นเขียนโค้ด HTML ที่ตรงกับ ตัวเลือกนั้น นี่คือโค้ดที่มีตัวเลือก:

css.bbb.zzz .xxx {
  color: red;
}
Задание 8

อธิบายว่าตัวเลือกในโค้ดด้านล่างเลือกอะไร จากนั้นเขียนโค้ด HTML ที่ตรงกับ ตัวเลือกนั้น นี่คือโค้ดที่มีตัวเลือก:

css.bbb .zzz .xxx {
  color: red;
}
Задание 9

อธิบายว่าตัวเลือกในโค้ดด้านล่างเลือกอะไร จากนั้นเขียนโค้ด HTML ที่ตรงกับ ตัวเลือกนั้น นี่คือโค้ดที่มีตัวเลือก:

css#elem.bbb {
  color: red;
}
Задание 10

อธิบายว่าตัวเลือกในโค้ดด้านล่างเลือกอะไร จากนั้นเขียนโค้ด HTML ที่ตรงกับ ตัวเลือกนั้น นี่คือโค้ดที่มีตัวเลือก:

css#elem .bbb {
  color: red;
}