使用模式匹配来指定宽度或高度

Question

我不想做这样的事情：

[class *=height-] {
  height:$value px;
}

从类名中抓取值...如：

<div class="height-100"></div>

这可能在css。

Answer 1

不，但您可以使用支持变量的LESS或SASS。它们创建了即用型.css文件，并支持变量，函数，混合等等。

Answer 2

我不确定如何使用CSS，但这似乎违反了风格和内容的分离。考虑使用LESS或SASS，但在Javascript中它很简单。

var height=document.getElementById("div_to_use").className.split("-")[1];
document.getElementById("div_to_use").style.height=height;