สวัสดีครับผม!!! วันนี้เรากลับมากับแบบฝึกหัดจากคอร์ส Advanced CSS course แบบง่าย ๆ กันในข้อที่ 3 กันต่อเลยนะครับ ลองตอบหรือทำกันดูนะครับ หรือผู้ที่กำลังเริ่มหัดเขียน CSS อยู่ ก็สามารถลองทำได้ด้วยนะครับ รับประกันว่าไม่ยากเกินไป ( หรือเปล่า อิอิ ) ซึ่งจะใช้มีความ Advance เพิ่มขึ้นมาพอสมควรจากข้อที่แล้วนะครับ
โอเคครับ มาลองดูกันเลยดีกว่า...
โจทย์ของเราก็คือ
- จากภาพตัวอย่างจะแสดงผล ส่วนของ หน้าเว็บไซต์ ส่วนของ HTML และส่วนของ CSS
- โดยในส่วนของ CSS นั้น จะเห็นว่าเราได้ประกาศ Style ไว้เรียบร้อยแล้วทั้ง 6 ชุดโดยที่ยังไม่ได้ระบุ Selector หรือ Elements ที่ต้องการใช้ Style แต่ละชุด
และโจทย์นี้ง่าย ๆ เลยครับ เพียงแค่เติมคำในช่องว่างทั้ง 3 ให้ถูกต้องครับ เท่านั้นเอง เหมือนข้อก่อน ๆ ที่ผ่านมาครับ!!!
หมายเหตุ : สำหรับโจทย์นี้นะครับหลัก ๆ จะใช้การ ประกาศ nth-child ระบุเป็นตัว ๆ ไปเลยก็ได้ หรือจะกำหนดแบบ an+b ก็ได้ตามแต่ที่ถนัดเลยครับ อย่างไงก็ลองทำตามตัวอย่างกันดูนะครับ จะได้รู้ว่าส่วนที่ขาดไปคืออะไร
หากติดปัญหาตรงไหน สามารถเข้ามาสอบถามได้ที่ Fanpage Who Do Coder ได้เลยนะครับ
