Html css类中的输入值

Html css类中的输入值,html,css,Html,Css,我有一些css类,如下所示: .ft-*{ font-size: .*px; } 无论何时我调用诸如hello之类的属性(如字体大小更改为16),是否都可以定义css?我的意思是css可以输入一些东西而不是像数字一样标记,…?否。css不支持这个。使用诸如或之类的CSS预处理器语言来实现这类功能。对于类似的功能,您可能需要使用CSS。您可以使用JS来查找和定义它们,但您最好花点时间定义您将需要的类,然后在整个项目中需要它们的时候就可以使用它们。 它可能不会在投入/受益的时间方面产生回报

我有一些css类,如下所示:

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

无论何时我调用诸如
hello
之类的属性(如字体大小更改为16),是否都可以定义css?我的意思是css可以输入一些东西而不是像数字一样标记,…?

否。css不支持这个。使用诸如或之类的CSS预处理器语言来实现这类功能。

对于类似的功能,您可能需要使用CSS。

您可以使用JS来查找和定义它们,但您最好花点时间定义您将需要的类,然后在整个项目中需要它们的时候就可以使用它们。 它可能不会在投入/受益的时间方面产生回报

只需设置一组类:

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


保持简单是值得的。

我建议使用jQuery:

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

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

其中“temp\u css\u class”是您的类名。

的确如此。使用
LESS
的循环功能可以很容易地做到这一点:这是一种相当“愚蠢”的方法。它将比CSS慢得多,使JavaScript与CSS有关,并且不适用于在代码段运行后添加到页面中的元素。仍然是不使用LESS或SASS的唯一方法吗?我认为使用sans LESS/SASS更好。