เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: วิธีตรวจสอบการค้นหาคอนเทนเนอร์ CSS

โซเฟีย เอเมเลียโนวา
Sofia Emelianova

การค้นหาคอนเทนเนอร์ CSS เป็นฟีเจอร์ใหม่ของ CSS ที่นักพัฒนาเว็บตื่นเต้นมาก ซึ่งอาจกระตุ้นให้เกิดการปฏิวัติการออกแบบเว็บ ตั้งแต่การออกแบบที่ปรับเปลี่ยนตามอุปกรณ์ตามหน้าเว็บไปจนถึงการออกแบบที่ปรับเปลี่ยนตามอุปกรณ์ที่อิงตามคอนเทนเนอร์

เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome พร้อมช่วยให้คุณนำรูปแบบการออกแบบเลย์เอาต์ใหม่ๆ มาใช้และไม่พลาดเทรนด์ล่าสุด การรองรับฟีเจอร์ CSS นี้ช่วยให้คุณตรวจสอบและแก้ไขข้อบกพร่องของการค้นหาคอนเทนเนอร์ในเครื่องมือสำหรับนักพัฒนาเว็บได้แล้ว

วิดีโอด้านบนจะแสดงภาพรวมของการค้นหาคอนเทนเนอร์ ไวยากรณ์ และวิธีตรวจสอบในเครื่องมือสำหรับนักพัฒนาเว็บ

ตอนนี้คุณสามารถค้นหาองค์ประกอบคอนเทนเนอร์และองค์ประกอบรองลงมาด้วยป้ายที่สอดคล้องกันซึ่งสลับการวางซ้อนแบบเส้นประ

ป้ายคอนเทนเนอร์

ตรวจสอบกฎ @container ที่ใช้กับองค์ประกอบสืบทอดเมื่อคอนเทนเนอร์ตรงตามเงื่อนไขการค้นหา

กฎ @container

หากต้องการดูข้อมูลเพิ่มเติมเกี่ยวกับการรองรับการค้นหาคอนเทนเนอร์ในเครื่องมือสำหรับนักพัฒนาเว็บ โปรดดูตรวจสอบและแก้ไขข้อบกพร่องของการค้นหาคอนเทนเนอร์ CSS