我把链接放到我的所有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>
答案 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">