我的 jquery 选择器没有应用 CSS 规则

Question

全部，

我有以下选择器，它没有将我想要的背景颜色应用到 td。

table.reportviewer-report td#oReportCell{
background: red; }

这是要点。我有一个 table 所在的框架。当使用此代码加载框架时，我使用 jquery 添加 class "reportviewer-report" 到位于框架内的 table ：

$('div#oReportDiv > table', reportFrame.document).addClass('reportviewer-report');

... 经检查 class 就在那里。添加 class 时，不应用任何样式。

有趣的是，我将标记 + css 规则带到便签本中，它起作用了，我的 tds 背景变红了。

顺便说一句，这也有效，但我想使用样式表而不是使用 JS 硬编码 css 规则。

$('div#oReportDiv > table', reportFrame.document).css('background', 'red');

怎么回事？

编辑：看起来原因是（如评论所示）应用的样式表规则不适用于框架内的嵌套 HTML 文档。解决方法是使用 JS 动态添加样式表。

Answer 1

其他人的回答：

看起来原因是（如评论所示）所应用的样式表规则不适用于框架内的嵌套 HTML 文档。解决方法是使用 JS 动态添加样式表。

My jquery selector is not applying CSS rule