Удалить нормализовать CSS для конкретного блока Div

Question

У меня есть нормализовать CSS для моего существующего сайта, как показано ниже

p {
  font-family: Times new roman;
}

У меня есть новый компонент HTML, который не может быть изменен, как показано ниже

.abc {
  font-family:Helvetica;
}
<div class="abc">
  <p>abcdef</p>
</div>

Когда я интегрирую новый HTML-компонент с моим существующим веб-сайтом, абзац получает Times New Roman. Но мое требование - показать это как helvetica. Я нахожусь в критической ситуации, когда я не могу изменить существующий веб-сайт и новый компонент CSS.

Я попытался написать новый CSS, как показано ниже, и это сработало

.abc p {
   font-family: Helvetica;
}

Но проблема в том, что всякий раз, когда HTML-компонент меняется, я должен переписывать свой CSS-код. Есть ли какой-нибудь способ избежать существующей нормализации CSS только для нового блока компонента HTML.

Answer 1

Попробуй это:

.abc, .abc * {
    font-family: Helvetica !important;
}

Answer 2

Как насчет этого:

.abc p {
    font-family: inherit !important;
}

Это приведет к тому, что абзац внутри.abc наследует все семейства шрифтов, объявленные для.abc, без объявления конкретного шрифта, который, возможно, потребуется изменить. Вы также можете адаптировать это к любому элементу, который может быть внутри.abc.