Проблема переопределения CSS:. Абнормальный класс не переопределяет. План-бокс div Padding [дублировать] ⇐ CSS

[Anonymous]

Код: Выделить всё

I'm working on a pricing section where each plan is inside a `.plan-box`. All direct `` elements inside `.plan-box` have a general style:

```css
.plan-box div {
padding: 15px;
border: 1px solid #e8e8e8;
}

Теперь я хочу переопределить нижнюю накладку одного конкретного , используя класс .Abnormal :

Код: Выделить всё

.abnormal {
padding-bottom: 43px;
}
< /code>
Но это не применяется. Несмотря на то, что я вижу, что в Devtools применяется класс .Abnormal 

, надоевой падки не вступает в силу, если я тоже:

• Использовать! /> Мои вопросы: < /h3>
  
  Почему. } переопределить .plan-box div {padding: 15px; } -даже если это происходит позже в файле CSS? PrettyPrint-Override ">

  Код: Выделить всё

  
  
  
  
  < /code>
   ✅ То, что я попробовал: < /h3>
  
    подтвердил, что .abnormal < /code> применяется в devtools < /p>
  < /li>
    Пробое к обоим растворам: < /p>
  .plan-box .abnormal { padding-bottom: 43px; }  /* ✅ Works */
  .abnormal { padding-bottom: 43px !important; } /* ✅ Works */
  

• Подтверждено .plan-box div определяется до .abnormal в файле CSS

>

Подробнее здесь: https://stackoverflow.com/questions/796 ... iv-padding