提取使用特定样式的CSS类

Question

我正在为WordPress主题创建一个模块，该模块允许用户更改原色。与其做一个过度的工作并实现一个LESS编译器，我会这样做：

这是原始样式表：

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

现在，我需要一种方法来解析如上所述的样式表，并提取包含特定颜色的所有样式。也许是一个我可以输入颜色"#fff"one_answers"#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文件，则应排除动态文件！