如何动态地将变量从HTML传递到CSS

Question

我遇到了问题。我不知道如何（以及是否可能）将一些变量从HTML传递给CSS。 例如，我有一个CSS代码：

.clear {
clear: both;
display: block;
font-size: 0;
line-height: 0;
width:100%;
}

我想将变量传递给宽度而不是写入100％。

Answer 1

使用javascript：

var myVar = "100%";
var elements = document.getElementsByClassName('clear');
for (var i in elements) {
    elements[i].style.width = myVar;
}