پرس و جوهای کانتینر CSS ویژگی جدید CSS است که توسعه دهندگان وب از آن هیجان زده هستند. ممکن است انقلابی در طراحی وب ایجاد کند - از طراحی واکنش گرا مبتنی بر صفحه تا طراحی واکنش گرا مبتنی بر کانتینر.
Chrome DevTools اینجاست تا به شما کمک کند الگوهای طراحی چیدمان جدیدی را اتخاذ کنید و از آخرین روندها مطلع شوید. با پشتیبانی از این ویژگی CSS، اکنون می‌توانید درخواست‌های کانتینر خود را در DevTools بررسی و اشکال‌زدایی کنید.
ویدیوی بالا یک نمای کلی از کوئری های کانتینر، نحو آنها و نحوه بازرسی آنها در DevTools را به شما ارائه می دهد.
اکنون می‌توانید عناصر کانتینر و فرزندان آنها را با نشان مربوطه که یک پوشش خط نقطه‌ای را تغییر می‌دهد، کشف کنید.
زمانی که کانتینرها شرایط پرس و جو را برآورده می کنند، قوانین @container اعمال شده برای فرزندان را بررسی کنید.
برای اطلاعات بیشتر در مورد پشتیبانی از پرس و جوهای کانتینر در DevTools، به بررسی و اشکال زدایی پرس و جوهای کانتینر CSS مراجعه کنید.