如何重用css与子目录中的相对链接？

Question

我有一些子页面，我想重用css，但我有相对定义的背景网址，从子网页访问时会中断。

我愿意使用绝对路径，但我需要它们是可配置的，我不确定如何在css中包含配置路径。

我还考虑过只使用html基本标签并坚持使用相对

处理这种情况的最佳方法是什么？

Answer 1

听起来您的样式表可能设置不正确。通常，您应该将css和图像放在同一个父目录中。像这样：

assets > styles > styles.css
assets > images > image.jpg

这样你的图像将始终是与之匹配的文档内部的相对路径：

background: url(../images/image.jpg); 

然后，您可以在HTML链接标记中设置绝对路径，并将当前页面链接到样式表，如下所示：

<link href="http://mysite.com/assets/styles/styles.css" type="text/css" rel="stylesheet" />

Answer 2

根据您当前的设置方式，使用HTML基本标签将是您最好的选择。这是改变你所拥有的东西的最干净，最简单的方法，而不会移动大量的东西。