编辑custom.css以生成响应版本

时间:2014-01-29 03:33:06

标签: css google-chrome-devtools web-developer-toolbar

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

Chrome\User Data\Default\User StyleSheets\custom.css
浏览网站时,添加断点,然后保存并将其添加到标题中。 它的工作原理但问题是这个样式表不是优先考虑因素,因此每个规则都需要!重要。 有没有更好的办法? 如果我可以在所有其他样式表之后将链接注入到css,它将被用作优先级。你的工作流程是什么?你会怎么做?想法?

1 个答案:

答案 0 :(得分:0)

我建议不要编辑并尝试注入此Chrome样式表,而是推荐以下内容:

  1. 创建空白CSS文件将此CSS文件添加到站点的标题中 作为最后加载的CSS文件
  2. 在查看此网站时,请打开Chrome开发者工具,然后在“来源”窗格中打开该css文件。
  3. 在此处编辑文件,并定期复制,粘贴和保存更改。
  4. 您对此文件的所有编辑都将优先于其他样式表,因此无需制作所有内容!重要。