如何避免第三方 CSS 影响当前 CSS？ [关闭]答案

【问题标题】：How to avoid third party CSS to affect current CSS? [closed]如何避免第三方 CSS 影响当前 CSS？ [关闭]
【发布时间】：2015-09-02 10:19:39
【问题描述】：

在我的网站中，我正在使用 Jquery/Javascript 更改 DIV 的样式。相同的 DIV 样式后来被第三方 js 库更改。有没有办法避免第三方样式更改。我不允许使用 CSS 来覆盖，因为 CSS 也是由不同的来源编写的。

【问题讨论】：

您应该先添加供应商 CSS，然后再添加您自己的 CSS。
这取决于第 3 方的更改是什么以及它们是如何实施的，基于选择器。例如，如果他们将样式应用于.somediv，那么您可以使用选择器div.somediv，因为它更具体，因此您的选择器将具有更大的权重并被应用。你也可以在所有事情之后打!important，但这不是一个好的解决方案。
你可以用它的 id 来设置它的样式。因为 id 具有最高优先级。因此，如果不使用!important css hack，则不太可能覆盖它。
你能展示一些 HTML 和想要的 CSS 吗？
这与此处解决的问题相同：stackoverflow.com/a/31750963/4952851

标签： javascript jquery html css

【解决方案1】：

// your css
//// here use id and !important(hack)
#id1{ 
 color: blue !important;
}

// third party css class
.class1{
 color: red;
}

// your element
<input type="text" class="class1" id="id1"/>

输出：颜色将是蓝色。你的CSS会赢。

阅读更多关于 CSS 中的特异性以更好地理解。

注意：id 比 class 更具体。

【讨论】：