सीएसएस कंटेनर क्वेरी एक नई सीएसएस सुविधा है. वेब डेवलपर इसमें दिलचस्पी दिखाते हैं. इससे वेब डिज़ाइन में एक क्रांति ला सकती है. इसमें पेज-आधारित रिस्पॉन्सिव डिज़ाइन से लेकर कंटेनर पर आधारित रिस्पॉन्सिव डिज़ाइन शामिल है.
Chrome DevTools की मदद से, आपको नए लेआउट डिज़ाइन पैटर्न अपनाने और नए रुझानों के बारे में पता चलता है. सीएसएस की इस सुविधा की मदद से, अब DevTools में अपने कंटेनर की क्वेरी की जांच की जा सकती है और उन्हें डीबग किया जा सकता है.
ऊपर दिए गए वीडियो में, आपको कंटेनर क्वेरी, उनके सिंटैक्स, और DevTools में उनकी जांच करने के तरीके की खास जानकारी दी गई है.
अब कंटेनर एलिमेंट और उनके डिसेंडेंट को, उनसे जुड़े बैज के साथ खोजा जा सकता है. ये आइकॉन, बिंदुओं वाली लाइन वाले ओवरले को टॉगल करते हैं.
जब कंटेनर, क्वेरी की शर्तों को पूरा करता है, तब डिसेंडेंट पर लागू किए गए @container नियमों की जांच करें.
DevTools में कंटेनर क्वेरी की सुविधा के बारे में ज़्यादा जानने के लिए, सीएसएस कंटेनर क्वेरी की जांच करना और उन्हें डीबग करना लेख पढ़ें.