为什么不仅删除了伪类，还删除了整个 css 文档?

Question

var ter = document.styleSheets[1]  
ter.deleteRule(`.block__header::after`)
console.log(`.block__header::after`)

为什么它不从 css 文档中删除它？

在控制台中找到这个伪类，如果通过循环运行会删除文档的所有css。

for (var i = 0; i < 1000; i++) {
ter.deleteRule(`.block__header::after`)
}

Answer 1

方法 deleteRule 将索引作为参数。查看文档：删除规则。这里有一个如何做到这一点的例子：通过JavaScript删除CSS规则