:root{ --name: "＊"; } .test::before{ font-size: 13px; Content: var(--name); } document.documentElement.style.setProperty("--name", "test");Quiero manipular las variables css anteriores como en este JS, pero cuando ejecuto este JS, el "*" simplemente desaparece y la "prueba" no se refleja. ¿Conoces la causa?
(Traducido por DeepL)
Tienes que hacer lo siguiente. Tenga en cuenta la cita adicional que agregué:
document.documentElement.style.setProperty("--name", "'test'"); :root{ --name: "＊"; } .test::before{ font-size: 13px; Content: var(--name); } <div class="test"></div>