Question

我一直在做一个项目，我需要在同一个网站上制作不同的配色方案。我知道这对于像SASS这样的预处理器来说很容易实现，但我需要能够只使用CSS样式表并且没有预处理器（例如，通过WordPress中的选择选项可以实现）。

我正在尝试做什么：创建一个单独的样式表，该样式表作为“设置”（如color.css。

）包含在项目中

在其中，它将包含所有选择器，其主题颜色设置为“背景”，“颜色”等属性。因此，例如当移植到WordPress设置时，我可以轻松选择颜色方案，它会自动更改主题颜色。

问题：

我会打开我编译的CSS样式表和颜色方案的CTRL + F，并将每个选择器手动复制并粘贴到另一个文件中。这需要很长时间，并且很容易遗漏一些选择器。更不用说项目是否很大。

问题：

是否有“自动”方式我可以找到所有带有颜色的选择器，或者除了手动复制和粘贴之外还有其他方法吗？

我尝试过像这样使用JS：

   var test = $("*").filter(function() {
    return $(this).css('color') === 'rgb(0, 0, 0)'; 
   });

但是返回的内容没有他们的父选择器（对不起，我不知道这叫什么）。例如

.parent .child .child2 {
}

只会使用该jQuery代码返回.child2。

提前致谢。