我的问题涉及Chrome开发者工具.
这是我每天工作流的一天:我编辑Shopify主题.我在Chrome Developer Tools中使用DOM检查器在页面上编辑CSS.对于每个微小的编辑,我都很高兴,我需要点击样式表,复制并粘贴我更新的整个CSS规则,粘贴生成的CSS规则在主题样式表的底部,注释/ *由Caroline * /,删除我没有编辑的CSS属性,并重复我编辑的每个CSS位.
在理想的世界中,我将继续编辑所有需要编辑的CSS的几个元素.然后我将转到“资源”选项卡,右键单击并选择“本地修改”,而不是这个无用的东西:
我会得到CSS我可以复制和粘贴在我的样式下面我的/ *加Caroline * /.
我不想编辑一个样式表,其中包含Liquid标签和Sassy CSS,由服务器解析.我想只是添加在这个混合样式表的底部,无论什么CSS差异,我想出来,而实时编辑CSS.而已.
这是否有扩展?