firefox-addon - Firefox sdk 样式文件仅部分工作

Question

我正在制作 Firefox 插件，但无法正确显示样式。例如，链接颜色始终是页面定义的：

主.js：

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

样式.css：

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

脚本.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'})

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

Answer 1

我会用这个：

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

这很丑陋，但它有效。