次のコードがあります。
div {
--text: success;
}
div::before {
content: var(--text);
}<div></div>--textがそのまま挿入されて生成されるため (引用符なし)、これは機能しませんcontent: success。
明らかにできます--text: 'success'が、常にではありません — 変数が複数のプロパティ間で再利用されている場合、それらの一部には引用符が適切ではありません。
content引用符自体を追加することは可能ですか? 何かのようなもの
content: "'" var(--text) "'" /* doesn't work */
完璧になります。