คุณเคยนำ CSS ไปใช้กับองค์ประกอบแต่ใช้งานไม่ได้หรือไม่
เมื่อใช้เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome คุณจะค้นพบปัญหา CSS ได้อย่างรวดเร็ว แก้ไขข้อบกพร่อง และทดสอบปัญหาเหล่านั้น
ดูวิดีโอเพื่อเรียนรู้ว่าแผงองค์ประกอบ > รูปแบบ ไฮไลต์ปัญหา CSS ต่างๆ อย่างไร
พร็อพเพอร์ตี้ที่มีไวยากรณ์ไม่ถูกต้อง
พร็อพเพอร์ตี้ที่ถูกลบล้าง
พร็อพเพอร์ตี้ที่ไม่ได้ใช้งาน 
รับค่าจาก
parent- พร็อพเพอร์ตี้ที่รับช่วงมา
รายการ 
พร็อพเพอร์ตี้ที่ไม่ได้รับช่วง
- พร็อพเพอร์ตี้ที่รับช่วงมา
พร็อพเพอร์ตี้ชวเลขที่ขยายได้ 
พร็อพเพอร์ตี้แบบยาวที่ลบล้าง
พร็อพเพอร์ตี้แบบยาวที่ใช้งานอยู่
สไตล์ชีต User Agent
- พร็อพเพอร์ตี้ที่แก้ไขไม่ได้
พร็อพเพอร์ตี้ที่แก้ไขไม่ได้ซึ่งถูกลบล้าง
เคล็ดลับในการแก้ไขข้อบกพร่องเพิ่มเติม
- ใช้ตัวกรองในแผงรูปแบบเพื่อโฟกัสที่พร็อพเพอร์ตี้ 1 รายการที่คุณสนใจ
- ใช้แผงที่คำนวณแล้วเพื่อดูผู้ชนะ Cascade ทั้งหมดและค่าที่คำนวณแล้ว
- ในแผงที่คำนวณ ให้ขยายพร็อพเพอร์ตี้และคลิกลิงก์เพื่อค้นหาแหล่งที่มาในแผงรูปแบบ
หากต้องการดูข้อมูลเพิ่มเติมเกี่ยวกับวิธีที่เครื่องมือสำหรับนักพัฒนาเว็บไฮไลต์ปัญหา CSS ให้อ่านหัวข้อค้นหา CSS ที่ไม่ถูกต้อง ลบล้าง ไม่ได้ใช้งาน และ CSS อื่นๆ
หากต้องการยกระดับความเชี่ยวชาญเกี่ยวกับ CSS โปรดดูที่เรียนรู้เกี่ยวกับ CSS
หากต้องการเรียนรู้วิธีสร้างเว็บไซต์ที่ดูดีและทำงานได้ดีสำหรับทุกคน โปรดดูเรียนรู้การออกแบบที่ปรับเปลี่ยนตามอุปกรณ์