Question

我正在使用使用网络界面的软件，但该软件显然不支持以通常的方式链接css文件：

<link href="style.css" rel="stylesheet" type="text/css">

软件直接呈现页面，不会通过“真正的”Web服务器。是否有其他方法可以链接我可能尝试的css文件？

Answer 1

试试这个：

<style type="text/css">
  @import "relativePathToYourCSSFile.css";
</style>

编辑：你也可以在那个样式标签中制作你所有的css声明，这不需要页面“去寻找”其他文件（我相信它需要一台服务器）。例如：

<style type="text/css">
    #someCssId {
        someStyleProp:someValue;
    }
</style>

Answer 2

好吧，如果JavaScript没有被清理掉，而你就会陷入困境：

<script type="text/javascript">
(function () {
    var h, l, addcss;
    if(h = document.getElementsByTagName('head')[0]) {
        addcss = function (url) {
            l = document.createElement('link');
            l.setAttribute('type','text/css');
            l.setAttribute('rel','stylesheet');
            l.setAttribute('href',url);
            return h.appendChild(l);
        };
        addcss(cssfile1);
        addcss(cssfile2);
                    ...
        addcss(cssfileN);
    }
})();
</script>

或者你可以直接操纵document.styleSheets对象......

Answer 3

如果你有一个现有的css文件，你可以在文件的底部放置一个@import。

您可以使用<style>标记将样式内嵌到html中，然后将css或@import内联。

Answer 4

我在本地处理页面时始终这样做，不需要“真正的”Web服务器，并且它工作得很好。您做必须注意绝对路径和相对路径，例如href="site.css"与href="/styles/site.css"第一个适用于文件：/// url，但第二个引用到本地文件系统的根目录，这可能不是css文件的实际位置。

你能发布一个不适合你的实际微小的HTML页面和CSS文件吗？

链接css文件的其他方法？

4 个答案: