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

Question

我已经使用如下标记在我的 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 浏览器上不反射(reflect)。对此有何建议？

Answer 1

关于高度的 !important 怎么样？

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

希望这会奏效。