@MusiCode שמת לב שגם על התגיות td a אתה חוזר כמה פעמים?
הכלל שלימדו אותך אומר אל תכתוב פעמיים את הקוד כדי לעשות אותו דבר, תכתוב אותו במקום אחד ותקרא לו מכל המקומות שאתה צריך. ואין לזה קשר לכאן, כי כאן אתה לא מצהיר על הקלאס הרבה פעמים אלא משתמש בו הרבה פעמים.
בדיוק כמו שאתה מגדיר פעם אחת פונקציה, ומשתמש בה הרבה פעמים.
למשל, אתה משתמש בפונקציה console.log() הרבה פעמים ואתה לא אומר שזה נמצא פעם אחת יותר מדי..
העניין הוא ההגדרה של הפונקציה או הקלאס, שאותו כותבים רק במקום אחד, כדי שאח"כ אם תצטרך לתחזק אותו (דהיינו לשנות / לעדכן) תוכל לעשות זאת פעם אחת ודי. אח"כ אתה יכול להשתמש בו איפה שאתה רוצה.
לגבי חיסכון בכתיב, אתה יכול לשים את הקלאסים המשותפים על ההורה המשותף, למשל על הtd, ובתגית a לשים רק את הקלאסים השונים.
אין חובה ללמוד sass, אבל זה מומלץ.
זה נותן לך כל מיני יכולות (קינון של css שחוסך כתיבה מסורבלת של css, שימוש במשתנים, פונקציות לולאות ועוד), אלא שאתה צריך בשביל זה קומפיילר (babel.js) שיקמפל את זה אח"כ לcss רגיל. אם אתה משתמש בפריימוורקים למיניהם בד"כ זה כבר כלול.