DevTools के बारे में सलाह: सीएसएस कंटेनर की क्वेरी की जांच करने का तरीका
bookmark_borderbookmark
संग्रह की मदद से व्यवस्थित रहें
अपनी प्राथमिकताओं के आधार पर, कॉन्टेंट को सेव करें और कैटगरी में बांटें.
Sofia Emelianova
सीएसएस कंटेनर क्वेरी, सीएसएस की एक नई सुविधा है. वेब डेवलपर इस सुविधा को लेकर काफ़ी उत्साहित हैं. इससे वेब डिज़ाइन में क्रांति हो सकती है. जैसे, पेज-आधारित रिस्पॉन्सिव डिज़ाइन से लेकर कंटेनर-आधारित रिस्पॉन्सिव डिज़ाइन तक.
Chrome DevTools की मदद से, नए लेआउट डिज़ाइन पैटर्न अपनाए जा सकते हैं. साथ ही, नए रुझानों के बारे में अप-टू-डेट रहा जा सकता है. CSS की इस सुविधा की मदद से, अब DevTools में अपनी कंटेनर क्वेरी की जांच की जा सकती है और उन्हें डीबग किया जा सकता है.
ऊपर दिए गए वीडियो में, कंटेनर क्वेरी और उनके सिंटैक्स के बारे में खास जानकारी दी गई है. साथ ही, DevTools में उनकी जांच करने का तरीका भी बताया गया है.
अब कंटेनर एलिमेंट और उनके डिसेंडेंट को, उससे जुड़े बैज की मदद से ढूंढा जा सकता है. यह बैज, बिंदु वाली लाइन के ओवरले को टॉगल करता है.
जब कंटेनर क्वेरी की शर्तों को पूरा करते हैं, तब उनसे जुड़े वंश पर लागू होने वाले @container नियमों की जांच करें.
[[["समझने में आसान है","easyToUnderstand","thumb-up"],["मेरी समस्या हल हो गई","solvedMyProblem","thumb-up"],["अन्य","otherUp","thumb-up"]],[["वह जानकारी मौजूद नहीं है जो मुझे चाहिए","missingTheInformationINeed","thumb-down"],["बहुत मुश्किल है / बहुत सारे चरण हैं","tooComplicatedTooManySteps","thumb-down"],["पुराना","outOfDate","thumb-down"],["अनुवाद से जुड़ी समस्या","translationIssue","thumb-down"],["सैंपल / कोड से जुड़ी समस्या","samplesCodeIssue","thumb-down"],["अन्य","otherDown","thumb-down"]],["आखिरी बार 2022-06-30 (UTC) को अपडेट किया गया."],[],[]]
