html - 动态内部样式不会覆盖外部样式

我已使用以下标记在html页面中链接了外部样式表，

<link href="CSS/master.css" rel="stylesheet" type="text/css" media="screen" />

有风格

.myDiv{height:200px;}

在阅读文档时，我正在创建一些样式，并将其作为内部样式表附加到头部，例如，

    var styles = ".mydiv{height:350px; width:300px;}";
    var headID = document.getElementsByTagName("head")[0];
    styleNode = document.createElement("style");
    styleNode.setAttribute("type", "text/css");
    styleNode.setAttribute("id", "game_style");
    headID.appendChild(styleNode);

    if (styleNode.styleSheet) {// IE
        styleNode.styleSheet.cssText = styles;
    } else {// the world
        var textNode = document.createTextNode(styles);
        styleNode.appendChild(textNode);
    }

新样式的宽度已正确应用，但高度仅在IE8浏览器上没有体现。有什么建议吗？

最佳答案

提到!important高度怎么办？

var styles = ".mydiv{height:350px !important; width:300px;}";

希望这会起作用。

关于html - 动态内部样式不会覆盖外部样式，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28874826/