js修改覆盖伪类样式

jiezi

5 年前

一般 jq 操作 css 样式是很方便的, 但是修改伪类的样式直接操作 jq 就比较难了, 应用如下方法还是很快滴
`var lineWid = ‘ 内容 ’

// 然后应用如下方法
document.styleSheets[0].addRule('.test::after', 'left:' + lineNeedWid + 'px');
document.styleSheets[0].addRule('.test::before', 'left:' + (lineNeedWid + 1) + 'px');
document.styleSheets[0].addRule('.test::before', 'width:' + (lineNeedWid + 5) + 'px');`
但是如上类名必须在 html 里面的 style 里面存在且属性对应值为空 (即不给定默认值)