编辑：这不能与Change the :before selector from javascript重复，因为我试图插入规则而不是更新现有规则。所以对于任何搜索与此错误insertRules相同的问题的人都不会找到建议的重复！我没有，它并不一定有帮助！ 结束编辑！
我试图通过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);