全局CSS颜色方案/皮肤

Question

我正在使用需要可换肤/可品牌的CSS构建网站。在技​​术方面，对于每个“品牌”，我在数据库中有一组五个颜色值。

我想要做的是构建CSS文件，以便整个网站的颜色方案统一，颜色可以重复使用，因此我可以在一个地方更改值，并更改整个网站。这个概念看起来像这样：

.SiteBaseColor {color：sienna;}

p {font-size：50;颜色：SiteBaseColor;}

有没有办法完成这样的事情？

Answer 1

为什么不写6个css文件？一个用于所有内容（没有方案颜色），每个颜色一个。 然后你只需要包含你需要的那个。

如果你通过php生成它，只需为模式制作5个不同的入口点并包含正确的入口点......

Answer 2

可悲的是，CSS不支持变量。您必须使用CSS预处理器，如Less或xCSS，或使用PHP代码段：

<? $ourColor = "#FF0000"; ?>

.....
div.content { color: <?php echo $ourColor; ?> }

Answer 3

如果你想调查预处理器的选择（我最喜欢这个案例），我同意Pekka，但我的选择是sass，我认为这比强大的更强。

使用css预处理器，您可以编写一个sass文件广告，而不是在6个不同的css文件中编译它，每次只更改颜色变量......

但是，如果你要从数据库中提取颜色，那么在css文件中使用php代码片段会更简单..