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