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

Sofia Emelianova
Sofia Emelianova

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

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

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

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

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

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

@containerกฎ

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