如何通过JavaScript删除CSS规则？
var elStyle = document.querySelector('style#the-style');
var stylesheet = elStyle.sheet;
var rules = stylesheet.cssRules;
for (var i=0; i<rules.length; i++) {
var rule = rules[i];
if (rule.selectorText === '#rule2 em') {
// TODO: remove this rule
break;
}
}
我成功删除了样式,rule.style.color=''但规则仍然存在.有没有要删除的API？或者我应该使用innerHTML？
UPDATE
在这种情况下,我想删除样式规则,而不是样式属性.
(我不太了解Stack Overflow的规则.我希望这次编辑是正确的.)
由于最新的 Firefox 支持没有标志的 ES 模块以及 Chrome，我想使用import/export作为我的网络扩展（附加组件）。只需使用<script type="module">.
你如何让模块在内容脚本中工作？
我尝试并看到以下内容：
（1）只写import在acript在声明content_scripts.js中manifest.json
import Foo from './foo.js';
(Chrome) 未捕获的语法错误：意外的标识符
Firefox 无法正常工作。
(2) 跑通 tabs.executeScript()
browser.tabs.executeScript(undefined, {
file: "foo.js",
});
(Chrome) 未捕获的语法错误：意外的标识符
(Firefox) 错误：导入声明只能出现在模块的顶层
(3) 插入一个用创建的脚本元素 type="module"
const el = document.createElement("script");
el.src = browser.extension.getURL("foo.js");
el.type = "module";
document.body.appendChild(el);
(Chrome) Uncaught (in promise) ReferenceError: browser is not defined
(Firefox) ReferenceError: 浏览器未定义
你有什么其他想法吗？
create-react-appv3.0.0已发布。它在内部支持TypeScript棉绒。（太好了！）我想我了解TSLint处于打开状态的情况，并计划用ESLint替换它，但现在还不行。
如何禁用掉毛步骤react-scripts start？
/* eslint-disable */ 其他人不是我要找的人。
更新：根据以下讨论，看起来没有办法操纵内部ESLint。因此，我的问题的答案将是“你不能”。