css - 编辑 custom.css 以制作响应式版本

Question

我应该为网站制作响应式样式表，但它太乱了，以至于他们无法制作工作副本供我编辑。出于这个原因，我想到了编辑

Chrome\User Data\Default\User StyleSheets\custom.css

在浏览他们的网站时，添加断点，然后保存并将其添加到他们的标题中。它可以工作，但问题是这个样式表不是优先级，所以每个规则都需要有！important。有没有更好的办法？如果我可以在所有其他样式表之后注入指向 css 的链接，它将被用作优先级。你的工作流程是什么？你会怎么做？想法？

Answer 1

与其编辑并尝试注入此 Chrome 样式表，不如推荐以下内容：

1. 创建一个空白 CSS 文件将此 CSS 文件添加到站点的标题作为最后加载的 CSS 文件
2. 查看此站点时，打开 Chrome 开发人员工具并在“源”窗格中打开该 css 文件。
3. 在此处编辑文件，并定期复制、粘贴和保存更改。

您对该文件的所有编辑都将优先于其他样式表，因此无需将所有内容都设为 !important。