טיפים לכלי פיתוח: איך בודקים שאילתות בקונטיינר ב-CSS

Sofia Emelianova
Sofia Emelianova

שאילתות מאגר תגים של שירותי CSS היא תכונת ה-CSS החדשה, שמפתחי אתרים נלהבים ממנה. הוא עשוי לגרום למהפכה בעיצוב האינטרנט – מעיצוב רספונסיבי מבוסס-דף ועד לעיצוב רספונסיבי מבוסס-קונטיינר.

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

בסרטון שלמעלה אנחנו מספקים סקירה כללית של שאילתות מאגרי תגים, את התחביר שלהן ואיך לבדוק אותן בכלי הפיתוח.

עכשיו אפשר לגלות רכיבי מאגר ואת הצאצאים שלהם עם התג התואם שמחליף שכבת-על עם קו מקווקו.

תג מאגר.

בדיקה של @container כללים שחלים על צאצאים כשמאגרי התגים עומדים בתנאי השאילתה.

@container כלל.

מידע נוסף על התמיכה בשאילתות קונטיינרים בכלי הפיתוח זמין במאמר בדיקה של שאילתות מאגר תגים ב-CSS וניפוי באגים בשאילתות.