SCSS - 內容屬性中的特殊換行符字符

Question

我正在使用.scss文件並對它們進行編譯。
我有以下的CSS規則的元素：

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

我想補充使用'\A'內容屬性的換行符，但它不工作。
當我使用這個規則：

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

將打印數據與單個字符'A'，而不是一個換行符。

當我使用這個規則：

它打印的內容和'\\A'，而不是一個換行符。

當我改變開發者控制檯

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

內容它打印爲想要一個換行符。

我該如何使用css添加換行符？

編輯：該元素也有white-space: pre-wrap;規則。

編輯：似乎它是一個css加載器的know issue。

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。