时间戳

首页 > 解决方案 > CSS 文件未在选择/选项选项卡上完全链接更改的目录。HTTP服务器

html - CSS 文件未在选择/选项选项卡上完全链接更改的目录。HTTP服务器

问题描述

请注意，我是从本地电脑上运行这一切的。只需打开 html 文件。我正在尝试更好地组织我的 HTML 文档。主要只有一个文件夹，其中包含所有 .js .css 脚本等的资产。这是一个好主意，还是我应该在其他 html 文件会使用它的子文件夹中复制相同的资产文件夹？主要是我有一个层次结构，如 Top Folder -> {Assets, En, OtherLanguagesWillFollow} -> Under En ->{UserProfile, Folder1, Folder2 etc}

在 UserProfile Index.html 中，我想使用顶级文件夹中 assets 文件夹中的相同 css 文件。因此，我尝试了以下路径：

  1. ../../assets/css/nameOfCssfile.css
  2. /assets/css/nameOfCssfile.css（尝试使用 node.js 运行 http-server 时）
  3. 添加了一个基本文件夹，然后将其链接为 assets/css/nameOfCssfile.css 或 ./assets/css/nameOfCssfile.css

他们都给了我同样的页面样式问题，有些部分不再工作，而大部分页面看起来已经拾取了文件，但出现了一些问题，主要是这样的代码部分。问题是 DDL 不再显示任何值。

 <div class="col-md-4 col-sm-4">
  <div class="form-group">
    <select class="form-control selectpicker"
     name="menu_type[]">
         <option value="">Select Country</option>
         <option value="1">Latvia</option>
         <option value="2">Estonia</option>
         <option value="3">Add New Country ...</option>
    </select>
  </div>
</div>

一旦我将 Assets 类复制粘贴到与 html 文件相同的文件夹中，这将开始工作，而无需更改前面提到的任何路径，这意味着，虽然所有文件仍链接到上层的资产文件夹，但它开始工作一旦它被复制到同一个文件夹中。

我也尝试使用 node.js 中的 http-server 来运行它。虽然我也不完全清楚这是如何工作的，因为我想用 /assets 更改所有内容，以便我可以从上层文件夹链接该文件夹。

  1. 我运行 http-server 并且可以从 firefox 启动它。
  2. 一旦我从其他文件夹（导航到它）启动 http-server 选项，它就开始表现得很奇怪。它以某种方式混合了这两个文件夹，从第一个选项中获取一些代码，从另一个选项中获取一些代码，这在 html 的样式中可以看到。

这应该实际运行为：

  1. 从 cmd/node.js 导航到文件夹

  2. 将本地主机作为 http-server 启动。

  3. 使用一个或另一个链接连接到我正在创建的站点。

     C:\Users\raiti\Desktop\Folder of Everything\Code\ResponsiveSite>http-server

  Starting up http-server, serving ./
  Available on:

 http://192.168.1.103:8080

 http://127.0.0.1:8080

我该如何解决这两个问题

  1. 获得稳定的 http-server
  2. 最好将 css/js 文件链接到 html 文件？

标签： htmlcsspathhttpserver

解决方案

我仍然不明白为什么一旦我将资产类放在 html 文件的文件夹中，代码就会显示 css 更改。整理一些代码后，问题消失了，不知道为什么，因为链接没有改变。这时候就解决了。

推荐阅读