Javascript正则表达式,用于从Css获取所有媒体查询

Javascript Regular expression to get all media queries from Css

本文关键字:媒体 查询 获取 Css 正则表达式 用于 Javascript      更新时间:2023-09-26

我试图使用javascript从css文件中删除所有@media{..}块。

我试过像str.replace(/'@media[^'}]*'}}/g,'')这样的东西,但它只适用于这样的东西

@media screen and (max-width:400px){@-ms-viewport{width:320px}}而不带

@media screen and (min-width:768px){.tron{padding:50px 60px;border-radius:6px}.tron h1{font-size:63px}}

如何替换CSS文件中的所有媒体块?这可以使用javascript RegExp完成吗?或者我必须手动循环它?

如果我理解正确,你只需要一个非贪婪的匹配:

str.replace(/@media.*?}}/g,'')