css - 提取使用特定样式的 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 文件中，并动态呈现相应的原色以覆盖默认样式表。

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

score -1 · Accepted Answer

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

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

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

1 回答 1