יש bug CSS קלאסי שכל מפתח Junior פוגש לפחות פעם אחת: כתבתם rule ב-CSS, ה-rule לא עובד, אתם מוסיפים !important, ו-!important גם לא עובד. אתם מוסיפים עוד !important. עדיין לא עובד. אתם מתחילים לכתוב inline style ישירות על האלמנט - וסוף סוף זה עובד, אבל עכשיו יש לכם inline styles בכל מקום שאי אפשר להחליף ב-theme, ב-responsive design, ועל ידי CSS חיצוני. חודשיים אחר כך, אתם לא מצליחים להבין למה העיצוב שלכם שבור.
הבעיה לא הייתה CSS חסר. הבעיה הייתה אי-הבנה של Cascade ו-Specificity - שני המנגנונים שמחליטים איזה rule מנצח כשיש conflict. בשיעור הזה נבין אותם ברמה שתעלים 90% מבעיות ה-CSS שאתם פוגשים.