css - 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 对象，但不适用于 style DOM 元素的内部文本。所以视觉上一切正常，但开发工具没有显示变化。检查 h1 元素的样式 - 您应该看到，您的更改已应用。