SCSS - 内容属性中的特殊换行符[重复]

Question

我正在使用 .scss 文件并对其进行编译。
我有一个具有以下 css 规则的元素：

content: attr(data-tooltip) attr(data-tooltip);  

我想使用'\A' 在内容属性中添加换行符，但它不起作用。
当我使用这条规则时：

content: attr(data-tooltip) '\A' attr(data-tooltip);

它使用单个 'A' 字符而不是换行符来打印数据。

当我使用这条规则时：

content: attr(data-tooltip) '\\A' attr(data-tooltip);

它打印内容和'\\A' 而不是换行符。

当我将开发者控制台中的内容更改为

content: attr(data-tooltip) '\A' attr(data-tooltip);

它会根据需要打印换行符。

如何使用 css 添加换行符？

EDIT：这个元素也有white-space: pre-wrap; 规则。

编辑：好像是 know issue 的 css 加载器。

Answer 1

[data-tooltip]:after {
  content: attr(data-tooltip) '\A' attr(data-tooltip);
  white-space: pre-wrap;
}

<div data-tooltip="some tooltip text">The DIV</div>

使用

white-space: pre-wrap;

连同你的\A。