HTML:本地 web css 指的是互联网链接？

Question

我正在阅读具有类似内容的 html 文件的源代码:

link rel='stylesheet' type="text/css" href="https://<internet-link.../abc.css" />

这个网站完全是本地的 - 在没有互联网的情况下运行，这是否意味着这个文件的某些部分不会按预期运行，因为它的样式需要从互联网上获取？

Answer 1

是的，没有互联网就不会应用任何样式。要解决此问题，您可以先包含在线 CSS 文件链接，然后再使用本地回退。如果未找到在线文件或没有互联网连接，它将包含本地文件。例如:

<script>
(function($) {
    $(function() {
        if ($('body').css('color') !== '#000') {
            $('head').prepend('<link rel="stylesheet" href="/css/abc.css">');
        }
    });
})(window.jQuery);</script>

这会检查您的在线文件中的 CSS 是否已应用于您的页面，如果没有，它会加载本地 CSS 文件。