javascript - 删除特定 div block 的规范化 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 代码。他们是否有任何方法可以避免仅针对新的 HTML 组件 block 使用现有的规范化 css。

Answer 1

试试这个:

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