HTML – 如何从网站获取CSS文件？

我正在尝试获取网站的CSS文件的内容….

<link href="/files/includes/templates-css-main.css" rel="stylesheet" type="text/css" />

例如,它是http://paceoil.ca/的css ref的链接.当我尝试向此url http://paceoil.ca/files/includes/templates-css-main.css发送获取css文件的请求时,我得到了意外的结果.

有帮助吗？提前致谢.

解决方法

在有问题的特定网站上,您没有看到预期的原因是因为他们使用了一种名为@import的不常见技术将多个样式表加载到一个样式表中.一般来说,你的方法是正确的 – http://paceoil.ca/files/includes/templates-css-main.css确实是他们的样式表的链接.

在该样式表中,您将看到以下语句：

@import 'templates-css-reset.css';
@import 'templates-css-layout.css';
@import 'templates-css-type.css';
@import 'templates-css-nav.css';
@import 'modules-mod_superfishmenu-tmpl-css-superfish.css';

这些行只是将所有其他.css文件的内容一起加载.其他CSS文件可在以下位置找到：

> http://paceoil.ca/files/includes/templates-css-reset.css
> http://paceoil.ca/files/includes/templates-css-layout.css
> http://paceoil.ca/files/includes/templates-css-type.css
> http://paceoil.ca/files/includes/templates-css-nav.css
> http://paceoil.ca/files/includes/modules-mod_superfishmenu-tmpl-css-superfish.css

还应该注意的是,在一些网站上(最常见的是像facebook这样的大型网站),CSS文件不一定是静态生成的.一些服务器运行“css-preprocessing”,允许它们将代码嵌入到在浏览器看到它之前执行和翻译的CSS中.在这种情况下,除非所有者与您共享,否则无法查看该代码.