סופיה אמליאנובה
שאילתות על מאגרי CSS היא תכונת ה-CSS החדשה שמפתחי אתרים מתלהבים ממנה. הדבר עשוי להביא למהפכה בעיצוב האתרים – מעיצוב רספונסיבי מבוסס-דף לעיצוב רספונסיבי שמבוסס על קונטיינרים.
כלי הפיתוח ל-Chrome נועדו לעזור לכם לאמץ דפוסי עיצוב חדשים ולהתעדכן תמיד במגמות האחרונות. עם התמיכה של תכונת ה-CSS הזו, עכשיו אפשר לבדוק ולנפות באגים בשאילתות של מאגר התגים ב-DevTools.
בסרטון שלמעלה יש סקירה כללית של שאילתות בקונטיינרים, התחביר שלהן ואיך בודקים אותן בכלי הפיתוח.
עכשיו אפשר לגלות רכיבי מאגר ואת הצאצאים שלהם עם התג המתאים, שמחליף שכבת-על עם קו מקווקו.
בדיקה של כללי @container שחלים על צאצאים כאשר המאגרים עונים על תנאי השאילתה.
מידע נוסף על התמיכה בשאילתות של קונטיינרים בכלי הפיתוח זמין במאמר בדיקה וניפוי באגים בשאילתות של קונטיינרים של CSS.