Firefox sdk styles-file只能部分工作

Question

我正在制作firefox插件，我无法管理样式以正确显示。例如，链接颜色始终是页面定义的内容：

main.js：

pageMod.PageMod({
    contentStyleFile: self.data.url("style.css"),
    contentScriptFile: [self.data.url("jquery.js"), self.data.url("script.js")]

的style.css：

#div_id {background:green}
#div_id a.black {color:black}

script.js：

$('body').append("<div id='div_id'><a class='black' href='#'>link</a></div>");

结果是：background:green正在运行，但#div_id a.black {color:black}无效。

页面定义a颜色和插件css文件无法更改它。唯一的方法是$('#div_id a.black').css({'color':'black'})

addons css文件有什么问题？为什么他们只是部分工作？

Answer 1

我会用这个：

var styles = "#div_id {background:green}\
#div_id a.black {color:black}";
$("head").append("<style>"+styles+"</style>");

这很难看，但确实有效。