Добавьте новый класс в стиль CSS с помощью JavaScript

Question

как я могу вставить новый класс в текущий css?

var myStyle = $("head > style:eq(2)");


if( document.styleSheets[2].cssRules ) {
    myStyle.insertRule('#test { display:block; }', 0);
} else {
    if ( document.styleSheets[2].rules ) {
        myStyle.addRule('#test', 'display:block;');
    }
}

dd

Answer 1

Вы, кажется, переключаетесь между объектом styleSheet и результатом функции выбора платформы (возможно, jQuery).Придерживайтесь document.styleSheets для всего этого:

var myStyle = document.styleSheets[2];

if( myStyle.cssRules ) {
    myStyle.insertRule('#test { display:block; }', 0);
} else if ( myStyle.rules ) {
    myStyle.addRule('#test', 'display:block;');
}

_{nb: я покончил с избыточным блоком if , переключаясь на если вместо .Вы можете покончить с условием else, если , и просто оставить его как else , если хотите.}