ข้อผิดพลาดเมื่อใช้ตัวเลือก CSS หลายตัว
ขอเตือนอีกครั้งเกี่ยวกับข้อผิดพลาดของผู้เริ่มต้น: ตัวเลือก
.bbb.zzz และตัวเลือก .bbb .zzz
ทำหน้าที่ต่างกัน ตัวแรกค้นหาองค์ประกอบ
ที่มีทั้งสองคลาสพร้อมกัน ส่วนตัวที่สอง
- ค้นหาองค์ประกอบที่มีคลาส zzz ซึ่งอยู่
ภายในองค์ประกอบที่มีคลาส bbb
อธิบายว่าตัวเลือกในโค้ดด้านล่างเลือกอะไร จากนั้นเขียนโค้ด HTML ที่ตรงกับ ตัวเลือกนั้น นี่คือโค้ดที่มีตัวเลือก:
h2.zzz {
color: red;
}
อธิบายว่าตัวเลือกในโค้ดด้านล่างเลือกอะไร จากนั้นเขียนโค้ด HTML ที่ตรงกับ ตัวเลือกนั้น นี่คือโค้ดที่มีตัวเลือก:
h2 .zzz {
color: red;
}
อธิบายว่าตัวเลือกในโค้ดด้านล่างเลือกอะไร จากนั้นเขียนโค้ด HTML ที่ตรงกับ ตัวเลือกนั้น นี่คือโค้ดที่มีตัวเลือก:
.bbb.zzz {
color: red;
}
อธิบายว่าตัวเลือกในโค้ดด้านล่างเลือกอะไร จากนั้นเขียนโค้ด HTML ที่ตรงกับ ตัวเลือกนั้น นี่คือโค้ดที่มีตัวเลือก:
.bbb .zzz {
color: red;
}
อธิบายว่าตัวเลือกในโค้ดด้านล่างเลือกอะไร จากนั้นเขียนโค้ด HTML ที่ตรงกับ ตัวเลือกนั้น นี่คือโค้ดที่มีตัวเลือก:
.bbb.zzz.xxx {
color: red;
}
อธิบายว่าตัวเลือกในโค้ดด้านล่างเลือกอะไร จากนั้นเขียนโค้ด HTML ที่ตรงกับ ตัวเลือกนั้น นี่คือโค้ดที่มีตัวเลือก:
.bbb .zzz.xxx {
color: red;
}
อธิบายว่าตัวเลือกในโค้ดด้านล่างเลือกอะไร จากนั้นเขียนโค้ด HTML ที่ตรงกับ ตัวเลือกนั้น นี่คือโค้ดที่มีตัวเลือก:
.bbb.zzz .xxx {
color: red;
}
อธิบายว่าตัวเลือกในโค้ดด้านล่างเลือกอะไร จากนั้นเขียนโค้ด HTML ที่ตรงกับ ตัวเลือกนั้น นี่คือโค้ดที่มีตัวเลือก:
.bbb .zzz .xxx {
color: red;
}
อธิบายว่าตัวเลือกในโค้ดด้านล่างเลือกอะไร จากนั้นเขียนโค้ด HTML ที่ตรงกับ ตัวเลือกนั้น นี่คือโค้ดที่มีตัวเลือก:
#elem.bbb {
color: red;
}
อธิบายว่าตัวเลือกในโค้ดด้านล่างเลือกอะไร จากนั้นเขียนโค้ด HTML ที่ตรงกับ ตัวเลือกนั้น นี่คือโค้ดที่มีตัวเลือก:
#elem .bbb {
color: red;
}
