SCSS - コンテンツ属性の特殊改行文字

Question

私は.scssファイルを使用しており、それらをコンパイルしています。
私は、次のCSSルールを持つ要素があります：私は'\A'を使用して、コンテンツ属性に改行を追加したいが、それは動作しません

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

を。
私はこのルールを使用する場合：

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

それは単一'A'文字の代わりに改行でデータを印刷します。

、コンテンツ、代わりに改行の'\\A'を出力します。私はこのルールを使用

。

私は

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

にデベロッパーコンソールの内容を変更すると望んでいたとして、それは改行を出力します。

CSSを使用して改行を追加するにはどうすればよいですか？

EDIT：この要素の規則もwhite-space: pre-wrap;です。

EDIT：これはcss loaderのknow issueのようです。あなたの\Aと一緒に

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; 

。