【发布时间】：2011-03-27 20:24:47
【问题描述】：
给定一个包含各种规则的样式表，其中一些用于超链接，我想展示每个规则（仅包含“a”标签的规则）以及“颜色”的当前值，以允许最终用户点击一个颜色选择器小部件并更改颜色。使用 jQuery Ajax 和 PHP 将更新后的颜色保存回样式表。
例如，样式表可能有以下内容...
body {some rules here}
.header {more rules}
.menu a {color:#800000; text-decoration:none;}
.sidebar a {color:red;}
.footer a, .content a {color:#fff}
所以我想向最终用户展示一个字段集，其中将列出每个“a”规则以及一个显示其“颜色”值的当前值的输入框。单击时，颜色值将打开一个小的颜色选择器小部件（同样是 jQuery），该小部件将被预设以反映当前值并允许用户选择新值。选择后，该值将通过 jQuery ajax 调用写回样式表。
Link Colors:
Menu Color: #800000 [edit]
Sidebar Color: #ff0000 [edit]
Footer Color: #ffffff [edit]
Content Color: #ffffff [edit]
[编辑]按钮打开一个颜色选择器以更改该类分配的颜色并打开单击颜色选择器上的“应用”，将更新后的值写入样式表...
【问题讨论】：
-
你能贴出你目前制作的代码吗？
-
我还没开始呢。我想第一步是解析css文件以提取“a”组及其颜色值。我正在寻找有关如何整体进行的输入。在我看来，这似乎是一个正则表达式项目，但也许有一个 css 解析器库可供依赖。