css - 忽略某些类型选择器上的 css 样式

Question

假设我有 2 个站点，http://1.example.com , http://2.example.com .

我的问题是:我要将内容动态添加到 1.example.com 和 2.example.com，作为此动态内容添加的一部分，我需要通过 javascript 下载并应用一个 css 文件。现在有一个 <hr>在我想要设置样式的动态内容中添加标签。当我在 1.example.com 上应用它时，一切正常，但是当我尝试将它应用到 2.example.com 时，问题是 2.example.com 的样式表已经为 <hr> 定义了样式规则。标签。就像说填充。我不想手动覆盖属性。有没有办法忽略 <hr>在 2.example.com 中为我的动态内容定义的样式并仅应用我下载的样式？

Answer 1

更具体。了解 CSS specificity覆盖样式。

例如，您可以将一个类添加到 <hr>并设置样式。