有一种快速的方法可以为所有 CSS 类和 ID 添加前缀吗？

Question

我需要快速为我的所有类和 ID 添加前缀，这是一个相当大的 CSS 文件。我在想一个快速的正则表达式字符串，但到目前为止我失败了。有任何想法吗？

我尝试过简单的事情，例如：

\#([A-z0-9]+) {

这会让我用 #prefix_$1 替换，但它没有考虑：

#id {
#id.class
#id,

等等。我不能只替换所有 #[a-z0-9] 因为它会尝试获取背景颜色等等。

我还需要替换所有的类，这对我来说更加混乱。

Answer 1

你可以搜索：

\.(-?[_a-zA-Z]+[_a-zA-Z0-9-]*)[^}]+{

\#(-?[_a-zA-Z]+[_a-zA-Z0-9-]*)[^}]+{

应该找到你所有的类名和 id 名

对于 RegExr，请使用以下命令：

(?<=#|\.)(-?[_a-zA-Z]+[_a-zA-Z0-9-]*)(?=[^}]+{)

编辑：这是 google CSS 测试的链接 http://regexr.com?2ugv1