我想轉換模板從響應到無響應(我知道,似乎很瘋狂,但...),所以我被告知模板開發人員註釋掉或刪除所有@media css在文件中。所以我要尋找一個正則表達式,將經歷一個CSS文件,並找到:正則表達式在Dreamweaver註釋css
@media {一些CSS這裏}}和如上
/* @media {相同的CSS更換} } */
我嘗試過一些在網絡上類似的例子的變體,但無濟於事。
非常感謝, 休斯敦
我想轉換模板從響應到無響應(我知道,似乎很瘋狂,但...),所以我被告知模板開發人員註釋掉或刪除所有@media css在文件中。所以我要尋找一個正則表達式,將經歷一個CSS文件,並找到:正則表達式在Dreamweaver註釋css
@media {一些CSS這裏}}和如上
/* @media {相同的CSS更換} } */
我嘗試過一些在網絡上類似的例子的變體,但無濟於事。
非常感謝, 休斯敦
此正則表達式應該做的伎倆:
@media.*?{\s*(?:.*?{.*?}\s*)*?}
然後用下面的字符串替換:
/* $0 */
此外,對於這個正則表達式的工作,你必須使用正常表達式的「點全部匹配」選項。在大多數語言中,這是通過/s
修飾符(或者像Notepad ++之類的東西,有一個複選框選項「。matches newline」)。
如果你正在使用類似記事本++來進行替換,你要逃脫的版本:
@media.*?{\s*(?:.*?\{.*?\}\s*)*?\}
正則表達式說明:
的@media.*?{
部分高達匹配的左括號媒體查詢。然後有\s*
匹配內部CSS開始之前可能的空白區域。接下來,(?:.*?{.*?}\s*)*?
將匹配所有的內部CSS。最後,媒體查詢的結尾與大括號}
匹配。
請發佈您已經嘗試過的東西。 – wdosanjos