درود

فرض کنید که دو کلاس به صورت زیر دارید و هردو به یک المان نسبت داده شده (که بهش multi name class گفته میشه):

.class1 {
    color:red;
}
.class2{
    color:blue;
}
<div class="class1 class2">div>

در اینجا چون رنگ در هردو تعریف شده، به طور پیشفرض برنامه رنگ رو مقدار دوم یعنی آبی تعیین میکنه. به این عمل override  گفته میشه.

راهکارهای مختلفی برای کنترل این قضیه وجود داره مثلا میتونید از !important استفاده کنید تا استایل مورد علاقه تون اعمال بشه. در ادامه دوره انقدر از این موارد میبینید که راهکارها رو یاد میگیرید.