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