删除特定DIV块的归一化CS

Question

我对现有网站的CSS归一化，如下

p {
  font-family: Times new roman;
}

我有一个新的HTML组件，该组件无法按以下

进行更改

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

当我将新的HTML组件与现有网站集成在一起时，段落将带有新罗马。但是我的要求是将其显示为Helvetica。我面临着一个关键的挑战，我无法更改现有网站和新组件CSS。

我尝试编写下面的新CSS，它起作用

.abc p {
   font-family: Helvetica;
}

但是问题是每当HTML组件CSS更改时，我都必须重写我的CSS代码。他们的任何方法是避免仅适用于新的HTML组件块的CSS。

Answer 1

尝试以下：

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

Answer 2

怎么样：

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

这将导致.ABC内部的段落继承了.ABC宣布的任何字体家庭，而无需宣布可能需要更改的特定字体。您也可以将其调整为可能在.abc中的任何元素。