نصائح حول أدوات مطوّري البرامج: كيفية فحص طلبات البحث في حاوية CSS
تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
طلبات البحث عن حاويات CSS هي ميزة CSS الجديدة التي يهتمّ بها مطوّرو الويب. وقد يؤدي ذلك إلى ثورة في تصميم الويب، بدءًا من التصميم السريع الاستجابة المستنِد إلى الصفحة إلى التصميم السريع الاستجابة المستنِد إلى الحاوية.
تساعدك أدوات مطوّري البرامج في Chrome على اعتماد أنماط تصميم تنسيقات جديدة ومواكبة أحدث المؤشرات. من خلال إتاحة ميزة CSS هذه، يمكنك الآن فحص طلبات البحث عن الحاوية وتصحيح أخطاءها في "أدوات مطوّري البرامج".
يوفّر لك الفيديو أعلاه نظرة عامة على طلبات البحث عن الحاويات وبنيتها وكيفية فحصها في DevTools.
يمكنك الآن اكتشاف عناصر الحاوية والعناصر التابعة لها باستخدام الشارة المقابلة التي تبدِّل تراكبًا للخطّ المتقطّع.
راجِع قواعد @container التي يتم تطبيقها على العناصر الفرعية عندما تستوفي الحاويات شروط طلب البحث.
للتعرّف على مزيد من المعلومات عن توفّر طلبات بحث الحاويات في "أدوات المطوّرين"، يُرجى الاطّلاع على مقالة فحص طلبات بحث حاويات CSS وتصحيح أخطائها.
إنّ محتوى هذه الصفحة مرخّص بموجب ترخيص Creative Commons Attribution 4.0 ما لم يُنصّ على خلاف ذلك، ونماذج الرموز مرخّصة بموجب ترخيص Apache 2.0. للاطّلاع على التفاصيل، يُرجى مراجعة سياسات موقع Google Developers. إنّ Java هي علامة تجارية مسجَّلة لشركة Oracle و/أو شركائها التابعين.
تاريخ التعديل الأخير: 2022-06-30 (حسب التوقيت العالمي المتفَّق عليه)
[[["يسهُل فهم المحتوى.","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 (حسب التوقيت العالمي المتفَّق عليه)"],[],[]]
