YUI StyleSheet不会更改标记样式的内容

Question

我尝试使用YUI StyleSheet来更改样式标记的某些内容，但它并没有改变。从视觉上看，一切正常，但是当我检查chrome Dev Tools中的代码时，没有任何变化。我做错了吗？

我的代码：

样式

<style id="myStyle">
h1
{
    background-color: red;  
}
</style>

使用YUI的JavaScript

YUI().use('node','stylesheet', function (Y)
{
    var sheet = Y.StyleSheet(Y.one("#myStyle"));
    sheet.set(
        "h1",
        {
            backgroundColor: "#aabbcc",
            paddingLeft: "100px",
            paddingTop: "100px"
        });
});

在YUI发挥其魔力之后，标签的内容保持不变。我甚至都不知道风格在哪里。

Answer 1

没关系。 YUI StyleSheet适用于styleSheets对象，但不适用于样式DOM元素的内部文本。因此，视觉上一切正常，但Dev Tools不会显示更改。检查h1元素的样式 - 您应该看到，您的更改已应用。