如何停止css冲突

Question

我正在开发 ruby​​ on rails 项目，需要添加照片编辑功能。所以我买的照片编辑项目由 index.html 和 assets(js,css,images,fonts) 组成。

两者都在几个项目中运行良好，但在合并时遇到问题。

这里的 index.html 包括assets/js/script.min.js 和assets/css/script.min.css。

我无法理解.min 文件，因为容量大且格式不正确。

所以我将照片编辑的assets 添加到vendor\assets\photo-edit。

并将“index.html”复制到photo-edit/index.html.erb。现在一切正常，除了css。

我看到了照片编辑的assets 并创立了这些东西。它包含css 中的bootstrap 文件夹。

我想如果我阻止 default bootstrap 使用 photo-edit/index.html.erb 的 ruby​​ on rails 项目，这将正常工作。

希望 Ror 工程师给出最简单、完整的答案。

Answer 1

您可以通过要求资产以正确的顺序来解决 css 冲突。如果您在同一个类上有两个 CSS 规则，总是会发生冲突，但是您可以通过要求最后一个版本来控制哪个版本优先。

所以在这种情况下，你应该在需要 bootstrap 之后需要 photo-edit css

//=require bootstrap
//=require photo-edit

那么您的photo-edit CSS 将使用引导 CSS 覆盖所有冲突的规则。