以下のように、既存のWebサイトの正規化CSSがあります
p {
font-family: Times new roman;
}
以下のように変更できない新しい HTML コンポーネントがあります。
.abc {
font-family:Helvetica;
}
<div class="abc">
<p>abcdef</p>
</div>
新しい HTML コンポーネントを既存の Web サイトに統合すると、段落は Times new roman になります。しかし、私の要件は、ヘルベチカとして表示することです。既存の Web サイトと新しいコンポーネントの CSS を変更できないという重大な課題があります。
以下のように新しいcssを書き込もうとしましたが、うまくいきました
.abc p {
font-family: Helvetica;
}
しかし問題は、HTML コンポーネントの css が変更されるたびに、css コードを書き直さなければならないことです。新しい HTML コンポーネント ブロックに対してのみ、既存の正規化 CSS を回避する方法はありますか。