正则表达式用于识别 CSS 文件中没有内容的类/ID

Question

我正在更新系统中的一些旧 CSS 文件，并且我们有很多空类，它们只是占用了文件中的空间。我很想学习如何编写正则表达式，但我就是不明白。我希望我越多地接触他们（加上一些更有凝聚力的解释），我最终就会越能理解他们。

问题

也就是说，我正在寻找一个表达式来识别后跟“{”的文本（有些之间有空格，有些没有），并且之间是否没有字母或数字该括号和“}”（空格不计算在内），它将被识别为匹配字符串。

我想我可以在运行正则表达式之前删除文档中的空格，但我不想更改文本的基本结构。我希望将其返回到一个大的 </code> 中。

解释字符及其含义的奖励积分，以及在没有任何文本或数字的情况下识别副本中的行的表达方式。我可能会在 PHP 脚本中使用最终的表达式。

tl;dr：

要匹配的正则表达式：

.a_class_or #an_id {
    /* if there aren't any alphanumerics in here, 
       this should be a matching line of text */
}

Answer 1

这是一个好的开始。在 PHP 中测试。

/[#\w\s\.\-\[\]\=\^\~\:]+\{[\s\n\r\t]*\}/

现在把它分成几部分；

这部分与选择器相匹配。 # 用于 ID，\w 匹配字母数字和下划线，句点用于类。然后我为一些高级 css 选择器添加了 [ ] = ^ 和 ~ ，但如果它们经常使用，我会感到惊讶。

[#\w\s\.\-\[\]\=\^\~\:]+

第二部分寻找大括号内的空白区域。我们这里有空格、换行符、回车符和制表符等特殊字符。如果还有别的东西就不会匹配了。

\{[\s\n\r\t]*\}

如果您有兴趣，这里是我用来在 PHP 中测试它的代码。

<?php
$myString = <<<HERE
#myDiv a.awesome[href=google.com]{

}
HERE;
$regex = "/[#\w\s\.\-\[\]\=\^\~\:]+\{[\s\n\r\t]*\}/";
echo preg_replace($regex, "replaced!", $myString);

Answer 2

这将匹配 { 和 } 之间的零个或多个空格。

\{\s*\}

您必须转义 { 和 }，因为它们是正则表达式中的特殊字符。

\s - 表示任何空白字符，包括制表符、换行符等...

\s* - 任意数量的空白

Answer 3

我不推荐正则表达式，因为我真的怀疑 CSS 是否是一种常规语言 。

下载 PHP 版 CSS Tidy - 我自己花了 5 分钟完成并测试了它。效果很好。

require( 'csstidy/class.csstidy.php' );

$tidy = new csstidy();

$tidy->parse( "
.test {
  font-weight: bold;
}

.empty {
}

.test2 {
  font-style: italic;
}" );

echo '<pre>';
echo $tidy->print->plain();

这是输出

.test {
font-weight:700;
}

.test2 {
font-style:italic;
}