javascript - 删除特定 div 块的规范化 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 组件块。

score 1 · Accepted Answer

1

尝试这个：

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

于 2015-05-05T18:48:10.313 回答

score 0 · Accepted Answer

这个怎么样：

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

这将导致 .abc 中的段落继承为 .abc 声明的任何字体系列，而不声明可能需要更改的特定字体。您还可以将其调整为可能在 .abc 内的任何元素。

2 回答 2