輸入值

Question

我有一些CSS類是這樣的：

.ft-*{ 
    font-size: .*px; 
} 

反正每當我打電話類似<div class="ft-16">hello</div>某些屬性，如字體大小的變化，以16來定義的CSS？我的意思是可以輸入一些東西，而不是* mark like number，..？

Answer 1

不可以，CSS不支持。使用CSS預處理器語言（例如LESS或SASS）來實現這種功能。

Answer 2

對於這樣的事情，您可能需要使用css preprocesser and Mixins。

Answer 3

您可以使用JS來查找和定義它們，但您可能更願意花時間定義您將需要的類，然後在整個項目中需要它們時可以使用它們。 它可能不會在時間/收益方面得到回報。

剛剛成立了一堆類：

.ft-12 {} 
.ft-14 {} 
.ft-16 {} 

等等等等

這是值得的，讓事情變得簡單。

Answer 4

我會建議一個jQuery的形式給出：

var font_size = temp_css_class.split('-')[1]; 

$(temp_css_class).each(function() { 
    $(this).css("font-size", font_size + "px"); 
}); 

其中 「temp_css_class」 是你的類名。