css変数がうまく機能しない

Question

#わからないこと
cssで指定した content をjsで動的に操作したいのですが、css変数がうまく機能しません。
.changeを反映させても ＊ が映らずただ空白だけとなってしまいます。

:root{
    --unity-name: "＊"；
}

.change::before{
    font-size: 13px;
    Content: var(--unity-name);
}

Answer 1

    --unity-name: "＊"；

;が全角になっています。

Comments

[Styfish]

すみません...ありがとうございます。
ついでにお聞きしたいのですが、さっきの --unity-name をjsから変更したくて

document.documentElement.style.setProperty("--unity-name", test.value);

としたのですが、文字が消える（＊が消える）だけで変更されないんですけど原因わかりますか？

[itagagaki]

うーん、確かにそうなりますね。謎ですねえ…