使用模式匹配到指定寬度或高度

Question

我wan't做這樣的事情：

[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;