我可以在本地驱动器中包含CSS样式表,也可以在从网站提供的页面中包含

Question

我的目标是创建一个由网站提供服务的页面,其中包含一个样式表,该样式表不在网站上,也不在其他网站上,而是在本地驱动器上.

就像是;

<!DOCTYPE html>
<html>
<head>
<link href="/styles/something.css" rel="stylesheet" />
<link href="file:///C:/custom.css" rel="stylesheet" />
</head>

我最初的研究表明,浏览器似乎并不支持这一点,但我愿意被证明是错误的,或者发现一些偷偷摸摸的做法.(我尝试了以上,但是没有用.)

[我知道,我知道,你想知道"为什么".这是为网站设计师 - 它允许他在设计和在"半实时"网站上查看效果时在本地编辑css.即编辑的往返速度非常快,我不需要让他访问实际的网站.通过扩展,出于教学目的,它将允许多人同时在本地实践他们的CSS技能]

显然,对本地文件所做的任何编辑只能在本地计算机上显示 - 这就是整个想法.如果你有10个学生,每个人都会看到同一个网站有不同的css文件.

Answer 1

好吧,如果你可以在你的机器上安装Apache,这很容易做到.

这是假设问题是这个

我希望能够在中心位置(实时)拥有一个站点,并允许访问该站点的用户能够通过编辑本地文件来更改站点.只有进行更改的人才能看到这些更改,其余的只会看到本地副本上的CSS.

因此,这意味着您必须从多台计算机提供本地文件,并且查看该站点的每个人可能具有不同的外观副本.如果我是对的,请继续阅读.

在您希望能够允许本地编辑的所有计算机上设置本地环境(可能使用WAMP？).重要的是每个人都必须定义相同的主机名(localhost或其他东西 - 不要忘记将其添加到您的hosts文件中).将CSS文件放在您的webroot中,并添加指向该链接的实际站点的链接.

<link href="http://www.mysite.com/base.css" rel="stylesheet" />
<link href="http://localhost/custom.css" rel="stylesheet" />

瞧!本地编辑.

注意事项

Answer 2

只需在 Firefox 上按 Shift+F7（或 Tools->Web Developer->Style Editor）。在打开的窗口中，您可以导入整个文件，也可以编辑加载的样式。