可自定义的CSS

Question

我想创建一个网站，这将允许客户登录到一个管理页面，这将允许他们自定义他们的网站，如他们的网站的背景颜色等。有没有办法永久改变网站的用户界面的CSS而不直接访问CSS文件？本质上允许非程序员定制他们自己的样式。

Answer 1

如果您正在进行自定义开发，假设您想要自定义如下内容:字体大小、UI颜色、页面宽度等。要走的路大概是这样的：

• 有一个UI (在后端)，用于所有可定制的东西...
• 使用存储在数据库中信息，您将相应地生成#header { background-color: #000 }样式，例如，如果您设置了"header background color“(使用漂亮的颜色选择器)，您将生成一个类似#header { background-color: #000 }的样式(假设用户选择了黑色)。
• 您有两个选择:将所有样式放在<head>的<style>标记中，或者使用单独的样式表(为了便于实践，我推荐这样做)，如果您使用单独的样式表，您必须在文件系统中编写文件，并确保:自定义样式表在站点样式表之后加载(或使用更大的specificity).

编写所有样式

这样，您就不会永久地修改站点样式表，而是添加一个额外的样式层来覆盖默认样式。

现在，如果你想去深水，我建议你和sass一起工作……您可以设置服务器上的sass编译环境，当用户选择修改时，您只需修改sass上的变量，并重新生成将在站点加载的CSS。

希望这能有所帮助。