css 在一个文件中工作，但不在另一个文件中答案

【问题标题】：css working in one file but not the othercss 在一个文件中工作，但不在另一个文件中
【发布时间】：2014-04-23 12:03:14
【问题描述】：

我有两个使用一个 css 文件的 html 文件。一个在工作，另一个不在。在第一个“工作”案例中，html 语法是（css 文件在同一目录中）：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
    <head>
        <title>Our first page</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="ourstyle.css"></head>

在第二种“不工作”的情况下，html 语法是（css 文件在一个文件夹中）：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Our second page</title>
        <link rel="stylesheet" type="text/css" href="../ourstyle.css"></head>

在本地运行这两个文件时，css 文件可以工作，但在服务器上则不能。我在第二个 html 文件中使用 javascript 和 jquery。我按照他们在Two Linked CSS Files Not working 上的问题中的建议做了，但仍然没有用。请帮忙。

PS 这是我要问的第一个问题，所以如果我不够具体或不够清楚，请告诉我。谢谢。

澄清：我的本地环境和服务器上的两个单独目录中都没有 ourstyle.css。我只有在父目录中。所以实际上，我有父文件夹 WWW，其中有 3 件事： 1. '工作' html 脚本（使用语法'href="ourstyle.css"'） 2.文件ourstyle.css 3. 名为 cgi-bin 的文件夹，其中我有“不工作”的 html 脚本（语法为 'href="../ourstyle.css"'）我在本地拥有相同的文件夹结构并且它正在运行。在服务器上它没有。

感谢您的帮助。

【问题讨论】：

你试过第二次取出../，因为它在同一个目录中吗？ ../ 将在父目录中搜索 css。
建议将所有css文件放到public/stylesheets文件夹中。所以你可以直接使用它们 stylesheets/ourstyle.css
发布您的文件夹结构的屏幕截图，以帮助我们找到您的错误
@dave 我认为他的意思是第二个网页在第一页下的目录中。 css 文件两次都在同一个地方
如果此页面是从 Web 服务器地址的根目录提供的（即 http://domain/ 而不是 http://domain/someFolder/），您将无法访问父文件夹中的文件（想想看，什么会地址是？）如果不是这种情况，我无法在没有亲眼看到该网站的情况下告诉您发生了什么。您能给我们提供无法正常工作的实时站点的 URL 吗？

标签： html css

【解决方案1】：

而是将 ourstyles.css 放入一个文件夹（如 CSS），然后以相同的方式引用它们，即 /CSS/ourstyle.css（而不是 ../ourstyle 和 outstyle）。将脚本放在 js 文件夹中，将样式放在 css 文件夹中是一种很好的做法。当您处理大量文件时，您会感谢自己。

【讨论】：