Google chrome extension Can'；似乎没有将CSS注入YouTube？

我正在尝试将JS和CSS注入YouTube页面。我能够注入JS，但注入CSS时看不到任何效果。我是否做了一些不正确的事情，或者YouTube在某种程度上限制了我

以下是my manifest.json的相关部分：

  "content_scripts": [
    {
      "matches": ["http://www.youtube.com/watch?v*"],
      "css": ["ChromeExtension/css/inject.css"],
      "js": ["ChromeExtension/js/thirdParty/underscore.js", "ChromeExtension/js/thirdParty/jquery.js", "ChromeExtension/js/inject.js"]
    }
  ]

我看到所有的js都被正确地注入了，但是css没有效果。我的CSS似乎根本没有被注入：

更新：

好奇。。注入这段代码是可行的，但我也尝试过应用'！对所有css属性来说都很重要。这两种方法具有不同的效果，与StackOverflow上提供的其他解决方案形成对比

我在这方面取得了更大的成功，但仍然很好奇为什么更简洁的定义会失败：

var style = document.createElement('link');
style.rel = 'stylesheet';
style.type = 'text/css';
style.href = chrome.extension.getURL('ChromeExtension/css/inject.css');
document.head.appendChild(style);

---

不需要使用

！重要信息

，只需确保css中有更高的特定性来覆盖已有的内容即可。如果您查看

主体

的样式，您应该会看到如下内容：

这表明css正在被应用，只是被覆盖。将css更改为类似

body.ltr{
  background-color: #000;
}

会很好用的

编辑：

---

除此之外，问题实际上可能在于匹配模式中的

？

。对我来说

http:///www.youtube.com/watch*

在

http:///www.youtube.com/watch?*

没有。至于为什么这会影响

css

的注入，而不是

js

的注入，我不知道

！重要的

将是我事实上的建议。真奇怪……是的，我同意。我的CSS测试只是主体{背景色：#000！重要；}