提取使用特定样式的CSS类

Question

我正在为WordPress主题创建一个模块，允许用户更改主要颜色。我会这样做，而不是做过度杀伤和实现LESS编译器：

这是原始样式表：

.header a:hover
{
    color: #fff;
    width: 123px;
    height: 456px;
}
.header
{
    background-color: #000;
    width: 100%;
    height: 200px;
}

现在，我需要一种解析上述样式表的方法，并提取包含特定颜色的所有样式。也许是一个工具，我可以输入颜色“#fff”和“＃000”然后提取以下内容：

.header a:hover
{
    color: #fff; // matched (removed the rest)
}
.header
{
    background-color: #000; // matched (removed the rest)
}

这样，我可以简单地将上面的内容包含在PHP文件中，并动态渲染相应的原色以覆盖默认样式表。

有人知道是否有这样的工具？它比手动搜索颜色和提取样式要容易得多。

Answer 1

我会在PHP中创建一个动态文件，并将标题指定为CSS：

header('Content-Type: text/css');

使用echo为当前CSS文件添加行！为所需的所有颜色创建变量。您可以使用GET或POST请求传递所选颜色。请注意，如果您浏览器缓存CSS文件，则应排除动态文件！