CSS และการจัดกลุ่มที่ซ้อนกัน คืออะไร และใช้งานอย่างไร?

CSS และการจัดกลุ่มที่ซ้อนกัน

มีหลายองค์ประกอบที่มีรูปแบบเดียวกันในสไตล์เป็น

H1
{
สี: สีเขียว;
}
H2
{
สี: สีเขียว;
}
P
{
สี: สีเขียว;
}

เพื่อลดรหัสที่คุณสามารถใช้ตัวเลือกแพ็คเก็ต

ตัวเลือกของใช้แต่ละจุลภาค

ในตัวอย่างต่อไปนี้เราจะใช้โค้ดข้างเตอร์จัดกลุ่ม:

h1,h2,p
{
color:green;
}

มันอาจจะนำไปใช้กับรูปแบบการเลือกตัวเลือกการตกแต่งภายใน

ในตัวอย่างต่อไปนี้ชุดของสามรูปแบบ:

P
{
สี: สีฟ้า;
text-align: ศูนย์;
}
.marked
{
สีพื้นหลัง: สีแดง;
}
.marked P
{
สี: สีขาว;
}