将CSS中的长行代码分成另一行的正确方法是什么？

Question

我在google上搜索过很多东西，似乎无法找到一条很长的CSS系列。如果我想拆分该代码并在另一行中完成，我该怎么做呢？我应该这样做吗？例如：

src: url("http://ThisIsAReallyLongURL/thatIneedToTryandgetonAsecondLine")

我会这样做吗？

src: url("http://ThisIsARreallyLongURL/thatIneed\
        ToTryandgetonAsecondLine")

任何帮助将不胜感激。谢谢！

Answer 1

您可以在第一行的网址末尾添加反斜杠，并在下一行继续您的网址而不会缩进。当分成两行以上时，这甚至可以工作。

.fruits {
  background-image: url("https://s7.postimg.cc/u8an7ndqz/frui\
ts.jpg");
  height: 500px;
}

<div class="fruits"></div>

这是一个jsFiddle：https://jsfiddle.net/katerynas/rryrqyvw/