是否可以在 CSS 规则中连接两个字符串？答案

【问题标题】：Is it possible to concatinate two strings inside a CSS rule?是否可以在 CSS 规则中连接两个字符串？
【发布时间】：2014-07-19 16:24:45
【问题描述】：

我正在尝试将以下 CSS 规则分成两行：

background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBR‌AA7") 0 0 repeat;

我尝试将 url base64 字符串拆分为两个子字符串，以避免根据style guide for an open source project called PDF.js 超出行长。

我尝试了“xxxx”+“xxxx”，但没有成功。

所以我想知道之前是否有人尝试过这样做，或者甚至可以在 css 规则中连接两个字符串？

【问题讨论】：

您认为该风格指南是否适用于这种情况？
@WesleyMurch 好问题。我注意到文件中的其他 CSS 规则实例，我正在尝试修改规则比建议的准则长的地方。我想检查一下是否有可能。所以我认为在这种情况下，风格指南不适用。
好吧，用你新发现的知识添加你自己的答案 - 参考。 w3.org/TR/CSS2
好的，亲爱的。有用。谢谢您的帮助。然后我会添加我自己的答案。
@Mido：不，说真的，这就是您在 CSS 中连接字符串的方式。 jsfiddle.net/BoltClock/dF6h3我只是在解决你的问题。

【解决方案1】：

根据CSS2规范http://www.w3.org/TR/2011/REC-CSS2-20110607/syndata.html#strings，没有concat操作。但是，出于美观原因，您可以将字符串拆分为多行。

出于美观或考虑，可以将字符串拆分为多行其他原因，但在这种情况下，必须转义换行符本身带有反斜杠 ()。

所以我的问题的解决方案是：

  background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAA\
                   LAAAAAABAAEAAAIBR‌AA7") 0 0 repeat;

【讨论】：