具有不同设置的两个 CSS 文件答案

【问题标题】：Two CSS files with different settings具有不同设置的两个 CSS 文件
【发布时间】：2011-04-09 15:25:39
【问题描述】：

我正在开发this 站点，它获取了我的 CSS 文件，并且还引用了其他 CSS 文件的插件（例如树视图）。

问题在于，在 CSS 中，插件会修改元素，例如，在我的文件中，也会修改此元素。

浏览器正在考虑插件 CSS 而不是我的。例如，如何强制浏览器将我的标签用于 CSS。

不能只删除 CSS 插件，因为您必须配置其他标签。

【问题讨论】：

【解决方案1】：

最好颠倒文件加载的顺序。
但是，如果这不是一个选项，您可以将“！important”添加到您想要优先的 CSS 属性（例如：“margin:0px !important”）。
之后，除非其他文件也具有该关键字，否则加载文件的顺序无关紧要。
这有时非常有用，但不是最佳实践。

【讨论】：

【解决方案2】：

如果我理解您的问题，那么当您在 HTML 文档中包含 CSS 文件时，这很重要。

示例：在 mystyles.css 中有 #myelement{margin:0}，在 plugin.css 中有 #myelement{margin:20px}

如果在 mystyles.CSS 之后将 plugin.CSS 引入您的 HTML 文档，则 plugin.css 优先。链接 href="mystyles.CSS" 链接 href="plugin.CSS"

听起来你想颠倒顺序链接 href="plugins.CSS" 链接 href="mystyles.CSS"

现在 #myelement 将有 0px 的边距。

希望对您有所帮助。

【讨论】：