html - 高级 CSS 自定义

Question

场景

我有一个快速的 CSS 问题。我正在自定义 Zimbra 部署的 Web 界面，它使用 jetty (我以前没有用过)。我确定了两个协同工作的文件:(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 行只有两个？

Answer 1

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

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

. . .对此:

LoginBackgroundSize = background-size:400px 158px

立即开始工作。