在源代码中使用 CSS 内容属性和跨多行的文本?

Lyn*_*son 5 css

有没有办法让contentCSS 中的属性跨越多行并硬返回?这只是一个偏好问题,但我很好奇,因为我试图避免使用较长的代码行以提高可读性。JavaScript 具有反斜杠方法来跨越字符串多行。有等效的 CSS 吗?

/*/ / / / / / / / / / / / / / / / / / 80  CHARS / / / / / / / / / / / / / / /*/
html:before {
  content: 'I generally like to keep my lines of code below 80 characters in length';
}

html:before {
  content: 'I generally like to keep my lines of code 
  below 80 characters in length.';
}
Run Code Online (Sandbox Code Playgroud)

最后一条 CSS 规则不起作用,因为我将字符串分成多行。有没有办法保持硬回车的格式,但让它按预期工作?

编辑:要明确的是,我不是问如何在 HTML 输出中输入换行符。这个问题是关于格式化我的原始 CSS 代码。

Bol*_*ock 7

JavaScript 具有反斜杠方法来跨越字符串多行。有等效的 CSS 吗?

字面意思就是这样:

html:before {
  content: 'I generally like to keep my lines of code \
below 80 characters in length.';
}
Run Code Online (Sandbox Code Playgroud)

这在规范的第 4.3.7 节中进行了记录,其中表示:

出于美观或其他原因,可以将字符串分成几行,但在这种情况下,必须使用反斜杠 (\) 转义换行符本身。例如,以下两个选择器完全相同:

a[title="a not s\
o very long title"] {/*...*/}
a[title="a not so very long title"] {/*...*/}
Run Code Online (Sandbox Code Playgroud)