CSS 文件未完全链接到 Select/Option 选项卡上已更改的目录。 HTTP服务器

CSS file not linking on changed Directories fully on Select/Option tab. HTTP-SERVER

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

这样的层次结构

在 UserProfile Index.html 中,我想使用资产文件夹中的相同 css 文件,这些文件位于顶级文件夹中。 因此我尝试了以下路径:

  1. ../../assets/css/nameOfCssfile.css
  2. /assets/css/nameOfCssfile.css(当尝试 运行 带有 node.js 的 http 服务器时)
  3. 添加了一个基本文件夹,然后 link 将其编辑为 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>

一旦我将资产 class 复制粘贴到与 html 文件相同的文件夹中,这将开始工作,无需更改前面提到的任何路径,这意味着,虽然所有文件仍然是 link复制到上层的asset文件夹,复制到同一个文件夹就可以使用了

我也尝试 运行 使用来自 node.js 的 http 服务器。虽然我也不完全清楚这是如何工作的,因为我想用 /assets 更改所有内容,这样我就可以 link 上层文件夹中的文件夹。

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

这实际上应该 运行 为:

  1. 导航到来自 cmd/node.js 的文件夹

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

  3. 使用其中之一 link 连接到我正在创建的站点。

     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 服务器
  2. 最好整理 css/js 个文件 linkage 到 html 个文件?

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