แผนฝึกบทที่ 7

ลำดับที่แนะนำ

ทำตามลำดับด้านล่างให้ครบ แล้วค่อยไปบทที่ 8

แบบฝึกปฏิบัติ

ลองทำตามรายการด้านล่างในเบราว์เซอร์หรือไฟล์ของคุณ — ไม่มีตรวจอัตโนมัติในเฟสนี้

ฝึก article p เทียบกับ article > p บน HTML ซ้อนสองชั้น
ง่าย
ใช้ h2 + p จัดย่อหน้าแรกหลังหัวข้อให้ต่างจากย่อหน้าอื่น
ง่าย
ใส่ :hover และ :focus ให้ลิงก์ใน nav
ง่าย
จัดตารางคะแนน specificity ของกฎในไฟล์คุณอย่างน้อย 5 กฎ
ปานกลาง
แก้กฎทับกันหนึ่งเคสโดยไม่ใช้ !important
ปานกลาง
ออกแบบเมนูซ้อน (ul ใน li) แล้วเลือกสไตล์เฉพาะชั้นนอกด้วย child
ยาก