允许最终用户拥有可以修改的特定 CSS 规则答案

【问题标题】：Alowing end user to have specific CSS rules they can modify允许最终用户拥有可以修改的特定 CSS 规则
【发布时间】：2010-08-08 09:14:20
【问题描述】：

我希望用户对控制 div 的某些 CSS 属性具有有限的访问权限。 div 都是相似的，都有一个类名，并使用用户的样式规则显示在整个站点上。有点像用户 CSS 样式表，除了某些可以更改的规则。

允许更改为：

.className{  
   font:all attributes;  
   all four borders:all attributes;  
   float:cannot change;
}

将这些存储在数据库中的最佳方法是什么？将颜色、边框宽度等存储在 MySQL 数据库中？似乎很多，包含所有信息。

允许用户拥有自己的 CSS 文档是有风险的，我不希望他们能够更改布局。我想让它成为我网站的一部分，任何人都可以在不了解 CSS 的情况下使用它。我希望他们有自己的风格选择；就像让他们在 Drupal 站点上拥有自己的主题一样，但让任何人都可以轻松地进行更改（比如有一个预定义的列表或其他东西）。但如果他们愿意，他们还必须完全控制我允许他们改变的属性。

从数据库中预处理这些信息并将其放入样式标签中会不会效率低下？似乎有很多查询，除非全部在一个查询中。

【问题讨论】：

标签： css stylesheet customization

【解决方案1】：

您应该查看jQuery UI ThemeRoller 脚本，它使用了许多通过 URL 传递的字段。单击左侧的任何主题，然后查看 URL 会发生什么情况。

您可以轻松复制它以满足您的需求，并将这些值保存在数据库中。如果您愿意，也可以使用相同的命名约定。

我认为这是一个很好的起点。

【讨论】：

【解决方案2】：

为了让您的用户能够动态生成和预览样式，它们必须使用 Javascript 进行解析（或者服务器端会变得棘手）。无论哪种方式，您都必须以某种方式从中获取 CSS 规则，因此您最好在将其放入数据库之前执行此操作。无论如何，你正在做你想做的事，但省去了制作一张大桌子的麻烦。

【讨论】：