通过javascript错误插入CSS规则'；未捕获的语法错误：未能执行'；插入规则'。。。无法分析规则'；

编辑：这不能是的副本，因为我正在尝试插入规则，而不是更新现有规则。因此，对于搜索相同问题的任何人来说，使用此错误插入规则都不会找到建议的副本！我没有，也不一定有用！ 结束编辑

我试图通过javascript将特定于webkit的规则插入到css文件中。我试图插入的规则是：

progress[value]::-webkit-progress-value:after{background-color: rgba(255,255,255,0.7);}

浏览器不接受的是

：after

选择器。是否有其他方法针对此特定规则，包括

：after

我以这种方式插入css，这对于我拥有的所有其他规则都很好。只有这一次失败了

var sheet = document.styleSheets[2], index = 0;

sheet.insertRule('progress[value]::-webkit-progress-value:after{background-color: rgba(255,255,255,0.7);}', index);

---

在之后可能重复的不

始终需要
内容
？@titi23感谢否决票，不，更新规则与插入新规则不一样。@torazaburo您的意思是我应该在我尝试插入的规则中添加内容吗？我试过了，但没有帮助。其他：在规则之后，我以同样的方式插入规则很好。可能重复的规则在

之后并不总是需要

内容

？@titi23谢谢你的否决票，不，在插入新规则时更新规则是不一样的。@torazaburo你的意思是我应该在我尝试插入的规则中添加内容吗？我试过了，但没有帮助。其他：规则后，我插入相同的方式工作良好。