Wordpress переписывает мое довольно специфическое правило

Question

Wordpress автоматически рекламирует тег абзаца внутри div (класс «intro-description»), который я создал.Так как этот новый тег p по умолчанию имеет верхнее и нижнее поле, я попытался добавить правило, чтобы отменить этот эффект:

   .intro-description p {
       margin: 0;
    }

Почему это не работает?Поля все еще там.

Answer 1

Вы используете !important, чтобы быть более конкретным:

div {
  border: 1px solid red;
}
.intro-description p {
   margin: 0 !important;
}

<div class="intro-description">
  <p>Test (without margin)</p>
</div>
<div>
  <p>Test (with margin)</p>
</div>

или вы можете использовать более конкретное правило CSS вместо !important (рекомендуется):

[other elements here] div.intro-description p {
    margin: 0;
}

Вы можете найти больше информации о специфичности здесь: https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity