شرح صفوف ومحتوى الفقرة
في المشاريع الكبيرة متعددة المطورين، قد يعرّف اثنان في ملفين منفصلين كلاساً باسم .card فيطغى أحدهما على الآخر في النطاق العام للمتصفح! تحل وحدات التنسيق المعزولة (CSS Modules) هذه المعضلة تلقائياً في Vite دون تثبيت أي حزمة إضافية؛ يكفي تسمية الملف بامتداد CourseCard.module.css واستيراده ككائن import styles from './CourseCard.module.css'.
وعند كتابة className={styles.card}، يولّد المجمع اسماً فريداً مشفراً مثل _card_7x92b_1 يمنع تصادم الأسماء نهائياً!