css - 如何轻松提取 CSS 样式表文件中的所有媒体查询？

Question

目前我有一个非常大的 css 文件，其中包含 2000 多行代码。现在在这个文件中，到处都是媒体查询。基本上它非常草率的编码组织。

我希望能够将这个文件中的所有这些媒体查询提取到它自己的responsive.css 样式表中，这样我就可以在需要时有条件地关闭这些查询。

现在的问题是最快的方法是什么？是否有程序或脚本可以像现在一样自动执行这项繁琐的任务，我正在手工完成。

Answer 1

如果您有 Sublime Text(或其他支持正则表达式和 Find All 选项的 IDE)，这非常简单:

CMD+F 查找

将所有@media 查询与正则表达式匹配:@media[^{]*\{(?:(?!\}\s*\}).)*}}

点击“查找全部”

CMD+C 复制

打开一个空白文档并将它们粘贴到 CMD+V

super 快速和容易。