高级 CSS 自定义答案

【问题标题】：Advanced CSS customization高级 CSS 自定义
【发布时间】：2014-06-25 21:15:06
【问题描述】：

场景

我有一个简短的 CSS 问题。我正在定制我们的 Zimbra 部署的 Web 界面，它使用了码头（我以前没有用过的东西）。我已经确定了两个可以协同工作的文件：(1) skin.css，和 (2) skin.properties。 skin.css 文件包含以下行：

.ImgLoginBanner         {   background-repeat:no-repeat; @LoginBanner@   }

@LoginBanner@ 似乎是一个变量，而另一个文件 (skin.properties) 显然包含该值。它有以下几行：

LoginBannerImg      =   @LogoImgDir@/LoginBanner.png?v=@jsVersion@
LoginBanner         =   @img(, LoginBannerImg, 400px, 158px)@

我想要做什么。 . .

我想自定义它以插入我自己的background-size CSS 属性，但我似乎无法让它正常工作。在 skin.css 文件中，我这样做了：

.ImgLoginBanner         {   background-repeat:no-repeat; @LoginBackgroundSize@; @LoginBanner@   }

然后在 skin.properties 文件中我添加了LoginBackgroundSize 行：

LoginBannerImg      =   @LogoImgDir@/LoginBanner.png?v=@jsVersion@
LoginBanner         =   @img(, LoginBannerImg, 400px, 158px)@
LoginBackgroundSize = @background-size:400px 158px@

但它没有用。我想我在这里误解了一些东西，但我不确定要谷歌什么。我不熟悉这种语法。我什至不知道@ 符号中的值是什么。 “CSS变量”也许？

问题

skin.css 和 skin.properties 文件如何协同工作？
img() 函数是什么？那是 CSS 吗？
为什么 skin.properties 文件中的 LoginBannerImg 行有四个@ 符号？如果要将文字与符号文本分开，那为什么LoginBanner 行只有两个呢？

【问题讨论】：

标签： html css jetty zimbra

【解决方案1】：

好的，我想通了。 skin.properties 文件中的@ 符号不是必需的。在现有条目中，它们可能代表嵌套变量。我从这里更改了 LoginBackgroundSize：

LoginBackgroundSize = @background-size:400px 158px@

。 . .对此：

LoginBackgroundSize = background-size:400px 158px

立即工作。

【讨论】：