Question

我正在尝试将外部样式表链接到我的所有页面，但它不会呈现。它仅适用于我的主页，但不适用于其他页面。我在所有页面上使用完全相同的链接，但仍然无法正常工作。关于我做错了什么想法？

    <head> 

        <title> Website name </title>

        <link rel="stylesheet" type="text/css" href="stylesheet.css"> 

    </head>

我的CSS样式表只有这三个选择器：

       h1 {color:Red;}
       div p {color: gray;}
       body {background-color: yellow; font-family:arial;}

编辑：我在所有页面上都有h1和div p。

Answer 1

将css文件放在文件夹名称CSS中，并将css文件放在其中

尝试这种方法

<head> 

        <title> Website name </title>

        <link rel="stylesheet" type="text/css" href="css/stylesheet.css"> 

    </head>

如果您仍有问题，请检查您的文件名和扩展名在两个文件中是否相同

Answer 2

请检查您的根文件夹可能

 <link rel="stylesheet" type="text/css" href="css/stylesheet.css">

Answer 3

试试这样：

 <link rel="stylesheet" type="text/css" href="/stylesheet.css">

在子文件夹页面中。

Answer 4

在其中一条评论中，您说“我的样式表与主页一起位于主文件夹中。子文件夹包含每个页面的文件。”。

假设网站的文件夹结构类似于

|- home.html
|- stylesheet.css
|- folder1
|------page1.html
|- folder2
|------page2.html

home.html中的链接应为

<link rel="stylesheet" type="text/css" href="stylesheet.css">

page1.html和page2.html中的链接应为

<link rel="stylesheet" type="text/css" href="../stylesheet.css">

这只是意味着“CSS文件是一个文件夹，高于一个文件夹”。

Answer 5

谢谢大家的帮助。我试图将样式表放在一个单独的文件夹中并尝试了css / stylesheet.css和/stylesheet.css，但我遇到了同样的问题。所以我添加了../stylesheet.css作为I19用户建议，它现在工作，即使样式表现在有自己的文件夹。谢谢大家。