动态修改css 以及css的伪类样式

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