如何从CSS文件中提取包含指定颜色#colorPrimary的样式规则

可以通过正则表达式实现这个需求，具体操作如下：

步骤1：匹配所有包含目标颜色的CSS规则块 #

使用PCRE兼容的正则表达式全局匹配所有含#colorPrimary的完整规则块，正则写法：

([^\{\}]+)\{[^\{\}]*#colorPrimary[^\{\}]*\}

该正则的匹配逻辑：

• 先捕获{前的所有CSS选择器内容
• 匹配大括号包裹的规则内容，要求内部必须包含#colorPrimary字符串
  你可以在VS Code、Sublime这类支持正则搜索的编辑器里直接用这个表达式搜索，把所有匹配到的结果复制到新文件中。

步骤2：过滤规则块内的无关属性 #

对提取出来的规则块做二次处理，只保留选择器、含#colorPrimary的属性行、大括号，正则替换方案：

• 查找内容：(^[^\{]+\{)|(#colorPrimary[^;]+;)|(\})
• 替换逻辑：仅保留三个捕获组匹配到的内容，其余内容全部删除
  处理后就能得到你需要的最终结果。

注意事项 #

如果你的CSS包含媒体查询、嵌套规则、注释等特殊语法，需要先清理注释、展开嵌套规则后再执行上面的操作，避免匹配出错。2万行的CSS代码用这个方案处理耗时不会超过5分钟。

内容的提问来源于stack exchange，提问作者facebook-100008353775354