Remove нормализуют CSS для конкретного блока сНу

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 код. Есть ли у них какой-либо способ избежать существующего нормализовать css только для нового блока компонентов HTML.

Answer 1

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

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

Answer 2

как об этом:

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

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