html - Dreamweaver中正则表达式注释掉css

Question

我正在尝试将模板从响应式转换为非响应式(我知道，这看起来很疯狂但是......)所以模板开发人员告诉我注释掉或删除文件中的所有@media css。所以我正在寻找一个将通过 css 文件并找到的正则表达式:

@media { some css here }} and replace it with

/* @media { same css as above }} */

我已经尝试对网络上的一些类似示例进行变体，但无济于事。

非常感谢，休斯顿

Answer 1

这个正则表达式应该可以解决问题:

@media.*?{\s*(?:.*?{.*?}\s*)*?}

然后使用以下字符串进行替换:

/* $0 */

此外，要使此正则表达式起作用，您必须对正则表达式使用“点匹配所有”选项。在大多数语言中，这是通过 /s 修饰符完成的(或者在类似 Notepad++ 的东西中，有一个复选框选项，上面写着“. matches newline”)。

如果您使用类似 Notepad++ 的工具来执行替换，您需要转义版本:

@media.*?{\s*(?:.*?\{.*?\}\s*)*?\}

正则解释:

@media.*?{ 部分匹配媒体查询的左大括号。然后是 \s* 以匹配内部 CSS 开始之前可能的空白。接下来，(?:.*?{.*?}\s*)*? 将匹配所有内部 CSS。最后，媒体查询的结尾与右大括号 } 匹配。