ตัวตรวจสอบบริบทการเรียงซ้อน CSS สำหรับ Chrome จาก Andrea Dragotta
ตัวตรวจสอบบริบทการซ้อน CSS เป็นส่วนขยาย เครื่องมือสำหรับนักพัฒนา สำหรับ Chrome ที่ทำให้ตรวจสอบบริบทการซ้อน CSS และแก้ไขสงครามดัชนี z ได้ง่าย สร้างด้วยความช่วยเหลือจากเพื่อนสองคน คนหนึ่งสร้างมันขึ้นมา และอีกคนหนึ่งช่วยเขียนโค้ด
เป็นมุมมองแบบต้นไม้ที่แสดงข้อมูลที่เกี่ยวข้องทั้งหมดเกี่ยวกับองค์ประกอบที่เลือก เป็นประโยชน์สำหรับนักพัฒนาและนักออกแบบในการดูว่าเกิดอะไรขึ้นและเพื่อแก้ปัญหาที่อาจเกิดขึ้นจากการใช้คุณสมบัติดัชนี z ในทางที่ผิด
แผนผังประกอบด้วยสองส่วน: ด้านซ้ายแสดง บริบทการซ้อนพาเรนต์ และด้านขวาแสดงบริบทการสแต็กย่อย วิธีนี้ช่วยให้คุณตรวจสอบแผนผังและระบุองค์ประกอบที่มีค่าดัชนี z ได้
