使用JS修改伪元素样式

JS修改HTML元素样式的常规思路是：

1.在DOM中找到HTML元素

2.修改HTML元素样式

由于伪元素是独立DOM存在的，JS无法在DOM中找到伪元素，虽然有方法获取伪元素的样式，但无法对其进行修改（参考博文）。

这时只需要换一个思路，改变 HTML 输出流，将这部分样式写在style里就能实现了：

document.write('<style>这里写你的样式</style>')