javascript - Javascript 上的正确 CSS 代码

Question

我得到了这段代码，但它似乎不起作用:

var widthrel = 1366 - width;
var minusp = widthrel / 2;
var final = 10 - minusp;

document.styleSheets[0].addRule('.main-container:before','left:'+ parseInt(final) + 'px');
document.styleSheets[0].insertRule('.main-container:before {left:'+ parseInt(final) + 'px;}', 0);
document.styleSheets[0].addRule('.main-container:after','right:'+ parseInt(final) + 'px');
document.styleSheets[0].insertRule('.main-container:after {right:'+ parseInt(final) + 'px;}', 0);

你能帮我吗？

Answer 1

if(document.styleSheets[0].addRule) { //IE9, Chrome
    document.styleSheets[0].addRule(".main-container:before","left: "+parseInt(final)+"px;")
    document.styleSheets[0].addRule(".main-container:after","right: "+parseInt(final)+"px;")
} else if(document.styleSheets[0].insertRule) { /// Opera
    document.styleSheets[0].insertRule(".main-container:before {left: "+parseInt(final)+"px;}",0)
    document.styleSheets[0].insertRule(".main-container:after {right: "+parseInt(final)+"px;}",0)
}