Sofia Emelianova
האם החלתם פעם CSS על רכיב אבל הוא פשוט לא עובד?
בעזרת כלי הפיתוח ל-Chrome אפשר לגלות בעיות CSS בקצרה, לנפות באגים ולבדוק אותן.
צפה בסרטון כדי ללמוד כיצד החלונית רכיבים > סגנונות מדגישה בעיות CSS שונות:
הנכס עם תחביר לא חוקי
נכס שבוטל
נכס לא פעיל 
עברה בירושה מ-
parent- נכס אחד (
) שעבר בירושה 
נכס שאינו בירושה
- נכס אחד (
נכס קיצור דרך ניתן להרחבה 
נכס ארוך שבוטל או שונה
נכס פעיל לטווח ארוך
גיליון הסגנונות של סוכן המשתמש
- נכס שאינו ניתן לעריכה
נכס שאינו ניתן לעריכה שבוטל
טיפים נוספים לניפוי באגים:
- משתמשים במסנן בחלונית סגנונות כדי להתמקד בנכס אחד שמעניין אתכם.
- משתמשים בחלונית Computed כדי לראות את כל הזוכים ב-Cascade ואת הערכים המחושבים.
- בחלונית Computed מרחיבים נכס ולוחצים על קישור כדי למצוא את המקור שלו בחלונית סגנונות.
מידע נוסף על כל הדרכים שבהן כלי הפיתוח מדגישים בעיות בשירות CSS זמין במאמר חיפוש שירות CSS לא תקין, בוטל, לא פעיל ואחרים.
אם אתם רוצים לשפר את המומחיות שלכם ב-CSS, תוכלו לעיין במאמר לימודי CSS.
כדי ללמוד איך ליצור אתרים שנראים נהדר ומתאימים לכולם, כדאי לעיין במאמר מידע על עיצוב רספונסיבי.