JavaScript如何动态修改::after、::before等伪类样式

由于::after这种伪类元素并不是直接的dom元素我们在修改的时候尝试了各种方法都不行，所以我们只能通过增加新的CSS样式去影响它，但是有的时候我们修改不了CSS的源代码或者想要做一些动态判断就出现了问题，这个时候我们可以在某个层叠样式表去新增一个CSS样式，从而直接影响伪类元素，具体代码如下

document.styleSheets[0].addRule('.cmp-fullscreen::after','top: 44px;');