แนะนำ :nth-child
เลือกตามลำดับลูก
:nth-child(...) เลือกเอลิเมนต์ตามตำแหน่งในหมู่พี่น้อง
/* แถวคี่ / คู่ */
li:nth-child(odd) { background: #f3f4f6; }
li:nth-child(even) { background: #ffffff; }
/* ลูกคนที่ 1 */
li:nth-child(1) { font-weight: 700; }
ขอบเขตบทนี้
รู้ว่ามีสูตร odd / even / ตัวเลข — สูตรซับซ้อนเช่น 3n+1 ฝึกเพิ่มทีหลังได้
ถ้าลำดับใน HTML เปลี่ยน สไตล์ที่พึ่ง :nth-child จะขยับตาม — บางที class ชัดกว่าเมื่อลำดับไม่คงที่