Question

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

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

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

有任何帮助吗？提前谢谢。

Answer 1

在相关的特定网站上，您没有看到预期的原因是因为他们使用了一种名为@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文件可以在以下位置找到：

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

Answer 2

按F12，资源。然后你应该看到网站的css文件

如何从网站获取css文件？

2 个答案: