哪个 JavaScript 框架可以搜索 CSS 样式表规则并编辑其属性？

问题

Which JavaScript 框架（原型、script.aculo.us、Mootools、MochiKit...）不错的 CSS 规则编辑支持？

这是关于改变风格规则。我希望有动态 CSS 类哪个改变。例子：

<style>
#answer, .reveal { display: none; color: blue; }
#answer { /* additional stuff */ }
</style>

现在，通过 JavaScript，我想更改其中包含“display: none”的规则。 – 我确信有时这是正确的做法；当这不是正确的方法时，我不会寻找替代方案。

哪个框架可以让以下事情变得简单：

1. 从所有规则中选择一个规则（例如“#answer，.reveal”）
2. 所选规则对于“显示”有什么价值？
3. 从规则中删除“显示”属性

（2. 和 3. 单独使用 DOM 就很容易，只要我从框架返回 CSS 规则的句柄）

不够好的框架：

例如，YUI 的 StyleSheet 一次只能在一张表中搜索规则（有限，但对我来说足够了），但它不能像我的第一个示例一样显示、编辑或检索多选择器规则（对我来说太有限了）。

YUI 也无法获取单个属性（底层 DOM 可以，但无法通过 YUI 获取该结构）。你could不过，如果您通过 YUI 方式掌握了规则，请单独删除“display”属性。

Dojo 在 dojox.html.styles 下有一些记录不良且不完整的内容

Ext JS 有 Ext.util.CSS。我检查了代码并发现了 getRule() 中的一个错误...否则它的选择器匹配相当草率（不良的 IE 影响），这使得它不利于多选择器规则。它也无法通过 API 删除属性，但可以为您提供 CSSRule，以便您可以自己执行此操作。 – CSS 树遍历非常原始：媒体规则或导入不会下降。

PD:

$('.reveal').css(...whatever...) 不是答案，因为它根本不触及 CSS 规则（而是触及某些元素的 CSS 属性）！

没有，但请证明我错了......

A decent实施必须首先讨论/记录以下内容：

• 它如何遍历 CSS 树（包括 @imports 和 @media）
• 如何配置步行（考虑哪些@media和哪些表）
• 如何处理/规避跨域访问限制
• as CSS has no IDs for the rules itself: only the selector can act as a decent rule identifiers
  • 由于 IE8 及更低版本拆分了多重选择器，框架处理此问题的智能程度如何？
  • IE9 更差（参见怪异模式 http://www.quirksmode.org/dom/w3c_css.html)
• 由于一个选择器可以选择多个规则，那么它们是如何排序的呢？
• 如何从知道我们要编辑的属性的规则集中找到负责的规则？

在框架赶上之前，请考虑：

• 获取您要查找的规则所在的样式/链接节点
• 使用node.sheet直接转到CSSStyleSheet
• 检查 quirksmode.org 的怪癖和 f... IE
• 循环规则以通过以下方式找到您的规则known选择器
• DOM CSSStyleRule 为您提供任何样式规则所需的全部功能