我的样式表不会链接到我的HTML

时间:2016-08-09 14:57:43

标签: html css

我把链接放到我的所有html页面中,我的css只显示在我的第一页上,但没有显示在其他页面上。

<head>
    <title>Angels Drawings</title>
    <link rel="stylesheet" href="style.css">
    <STYLE>
    <!--
    A{text-decoration:none}
    -->
    </STYLE>
</head>

<body>
    <h1>Angel</h1>
    <ul>
        <li>Home</li>
        <li><a href="Pages/Page2.html">Page 2</a></li>
        <li><a href="Pages/Page3.html">Page 3</a></li>
    </ul>
    <h2>This is her website</h2>
    <p>And this is all the info</p>

</body>

1 个答案:

答案 0 :(得分:5)

其他页面(Page2.html和Page3.html)位于&#34; Pages&#34;目录。你不能为css使用相同的url,因为它是一个相对路径。这意味着它将尝试在&#34; Pages&#34;中找到css。目录,它将失败,因为它不存在。

在与OP讨论实际用例后,回答更新。

Angelswebsite.html中使用以下内容:

<link rel="stylesheet" href="style.css">

Pages子目录中的所有页面中,使用以下内容:

<link rel="stylesheet" href="../style.css">