CSS 无法在带有 js 的模板中工作，而 html 文件位于文件夹中

Question

我对使用模板还很陌生。如果我将 html 放在另一个文件夹中，我的 CSS 将无法正常工作。

我已经意识到 css 是通过 JavaScript 应用的，我也是新手。我已将 link 引导至 css/js 正确的文件夹和文件，但它仍然无法正常工作。

相关文件是/Linear/index.html和/Linear/builds/index.html（错误所在）以及js和css文件夹

https://www.dropbox.com/s/cmmdybvbhvff0w4/Linear.zip?dl=0

Answer 1

删除 css link 周围的 noscript 标签将解决此问题；

所以，而不是

<noscript>
        <link rel="stylesheet" href="../css/skel-noscript.css" />
        <link rel="stylesheet" href="../css/style.css" />
        <link rel="stylesheet" href="../css/style-desktop.css" />
</noscript>

你有；

<link rel="stylesheet" href="../css/skel-noscript.css" />
<link rel="stylesheet" href="../css/style.css" />
<link rel="stylesheet" href="../css/style-desktop.css" />

您可以在此处下载修改后的版本

https://www.dropbox.com/s/lewnpt0iy980i53/Linear-Modified.zip?dl=0

Answer 2

在您的模板中使用了 skel.js 并在其中定义了样式基本路径。因此，如果您希望存在于其他子文件夹中的其他 html 文件正常工作，则必须更改 skel.js 文件。

还在您的 index.html 文件中使用了 "noscript" 标签。它的意思是如果你的浏览器不支持 JavaScript 然后加载 css 文件，所以如果你删除这个标签它就像根文件夹中存在的文件一样工作得很好。

    <script type="text/javascript" src="../js/skel.min.js"></script>
    <script type="text/javascript" src="../js/skel-panels.min.js"></script>
    <script type="text/javascript" src="../js/init.js"></script>

    <link rel="stylesheet" href="../css/skel-noscript.css" />
    <link rel="stylesheet" href="../css/style.css" />
    <link rel="stylesheet" href="../css/style-desktop.css" />

</head>

CSS 无法在带有 js 的模板中工作，而 html 文件位于文件夹中

CSS not working in a template with js while html file is in a folder

html

javascript

css

localhost