javascript - 合并多个样式表

Question

我的任务是为一个不是我建立的而且很旧的网站更改一些 css。长话短说 - 从头开始​​构建网站不是一种选择。该网站有两个 CSS 样式表。我试过将它们结合起来但没有运气。第一个样式表在文档的 head 部分中正常声明。第二个似乎是从以下代码中提取的:

<script type="text/javascript">
<!--
function P7_StyleLoader(tS) { //v1.3 by PVII
var tH = '',
    tDoc = '',
    tA = '<LIN' + 'K REL="stylesheet" HREF=',
    tB = ' TYPE="text/css">';
if (document.getElementsByTagName) {
    var bb = document.getElementsByTagName("LINK");
    if (bb) {
        for (var k = 0; k < bb.length; k++) {
            if (bb[k].rel.toLowerCase() == "stylesheet") {
                var h = bb[k].href,
                    x = h.lastIndexOf("/");
                if (x > 0) {
                    tH = h.substring(0, x + 1);
                }
                bb[k].disabled = true;
                tDoc = tA + '"' + tH + tS + '"' + tB;
                document.write(tDoc);
                break;
            }
        }
    }
}
}
P7_StyleLoader('STYLE-SHEET-2.css');
//-->
</script>

如果我合并它们并从 html 中删除其中一个样式表，则该站点在布局方面几乎会中断。有人能告诉我上面的代码除了拉“STYLE-SHEET-2.css”之外还有什么作用吗？我的想法是我想使用上面的代码并将其他样式放入其中，反之亦然？我在这里遗漏了什么吗？

谢谢!

Answer 1

代码通过禁用其他样式表来替换当前样式表

这似乎是为删除 Netscape 4 特定样式表而设计的代码，因为 NS4 不理解禁用的样式表:)

这是 2002 年关于这个显然更旧的代码的讨论 http://www.webxpertz.net/forums/showthread.php?t=20718