نکات DevTools: نحوه بازرسی پرس و جوهای کانتینر CSS
bookmark_borderbookmark
با مجموعهها، منظم بمانید
ذخیره و دستهبندی محتوا براساس اولویتهای شما.
Sofia Emelianova
پرس و جوهای کانتینر CSS ویژگی جدید CSS است که توسعه دهندگان وب از آن هیجان زده هستند. ممکن است انقلابی در طراحی وب ایجاد کند - از طراحی واکنش گرا مبتنی بر صفحه تا طراحی واکنش گرا مبتنی بر کانتینر.
Chrome DevTools اینجاست تا به شما کمک کند الگوهای طراحی چیدمان جدیدی را اتخاذ کنید و از آخرین روندها مطلع شوید. با پشتیبانی از این ویژگی CSS، اکنون می‌توانید درخواست‌های کانتینر خود را در DevTools بررسی و اشکال‌زدایی کنید.
ویدیوی بالا یک نمای کلی از کوئری های کانتینر، نحو آنها و نحوه بازرسی آنها در DevTools را به شما ارائه می دهد.
اکنون می‌توانید عناصر کانتینر و فرزندان آنها را با نشان مربوطه که یک پوشش خط نقطه‌ای را تغییر می‌دهد، کشف کنید.
زمانی که کانتینرها شرایط پرس و جو را برآورده می کنند، قوانین @container اعمال شده برای فرزندان را بررسی کنید.
تاریخ آخرین بهروزرسانی 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 بهوقت ساعت هماهنگ جهانی."],[],[]]
