有效的正则表达式在 CSS 属性值后强制使用单个空格

Question

由于我经常在 Dreamweaver 中进行基本的 CSS 工作...DW 代码补全倾向于直接在冒号后面添加 CSS 属性值，不加空格...{attr:value}。由于挑剔的浏览器出现渲染问题，这导致了一些真正的调试难题，我经常发现自己必须在冒号后面手动添加空格。 [^DRY]

我目前正在构建一个简单的正则表达式片段，我可以运行它来正确格式化CSS...

我目前所拥有的似乎可以工作，但我认为它有点粗糙...我基本上只是在尝试看看是否有任何建议...这是我得到的...

(.*?(?={).*?:)([^\s][\w!#$%&'*+/=?^_`{|}~-]*.*?;}) 

并将该行替换为...

 \s$2 

► 澄清 ► 下面我对上面的解决方案进行了一些改进... 不过，我仍然认为它需要改进。 ..

(?:(?={*))(?:\s*?)([\s\r\n]*?\b[\w!#$%&'*+/=?^_`|~-]*:(?!.*{))(?!\s)(.*?;) 

并替换为...

$1 $2

► Perl 版本►

Perl 使这个工作变得非常轻松......

perl -pi -e 's/^(.*?:)([^\s].*?;).*$/$1 $2/ig'

Answer 1

如果您在 C# 程序中运行正则表达式片段，我可以为您提供解决方案：

Regex regex = new Regex(@"(?<=\{{1}[\s\r\n]*)((?<Attribute>[^}:\n\r\s]+):\s+(?<Value>[^;]*);[\s\r\n]*)*(?=\})");

regex.Replace(input, match =>
{
    var replacement = string.Empty;
    for (var i = 0; i < match.Groups["Attribute"].Captures.Count; i++)
    {
        replacement += string.Format(CultureInfo.InvariantCulture, "{0}: {1}\r\n", match.Groups["Attibute"].Captures[i], match.Groups["Value"].Captures[i]);
    }
    return replacement;
});

Answer 2

如果我理解正确的话，这应该可以工作（JavaScript）

'{attr:value}'.replace(/({.*?:)\s*/g,'$1 ')

这给出了 '{attr: value}' 作为输出。