js修改覆盖伪类样式

一般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里面存在且属性对应值为空(即不给定默认值)

你可能感兴趣的:(jquery,javascript)