3

我发现，我的 CSS 导入不起作用。

我的custom.css文件的开头如下所示：

@import "compass";

@import url(fonts.css);

@import url(custom_common.css);

@import url(journal-content-article.css);

@import url(color_schemes/green.css);

@import url(color_schemes/orange.css);

fonts.css不幸的是，我在 Chrome 开发人员工具中没有看到任何迹象（例如） 。

更新

我发现，这与部署时的日期时间修改问题有关。

我找到

1）物理tomcat6/mytheme/css/custom.css文件确实包含我的包含指令。

2）http://mysite/mytheme/css/custom.css通过浏览器访问时，我看到没有包含指令，但有些包含指令是在服务器端处理的。同时，包含的内容是旧的，即不包含文件，放置在附近。

为什么？

谁执行服务器端导入？可能这个软件没有注意到包含文件被更新了！

3）访问时http://mysite/mytheme/css/custom.css?css_fast_load=0我看到了导入指令。

4

1 回答 1

4

我假设你在你的主题中这样做。

例如，确保对位于主题的 docroot/_diffs/css 文件夹中的 custom.css 执行此操作。AFAIK 导入语句必须在任何其他 css 语句之前才能被处理。

此外，请确保您有一个名为 docroot/_diffs/css/fonts.css 的文件，其中包含一些有效的标记。开始极其简单。

我刚刚尝试过，滥用“字体”文件来获取简单的背景颜色：这是我的文件：

docroot/_diffs/css/custom.css：

   @import "compass";
   @import url(fonts.css)

docroot/_diffs/css/fonts.css：

   body { background: green; }

这将使用绿色背景而不是默认的白色呈现“_styled”主题（因为我没有更改任何其他内容）。

编辑：由于您的更新表明您看不到文件的更改：请注意 Liferay 缓存缩小的结果。如果它不接受更改，您可能需要删除位于 tomcat 临时文件夹 AFAIK 中的缓存（如果您使用 tomcat）

于 2013-06-03T11:17:35.503 回答