I have some css class like this:
.ft-*{
font-size: .*px;
}
Is there anyway to define css whenever I call something like <div class="ft-16">hello</div> some property like font size changes to 16? I mean can css input something instead of * mark like number,..?
No. CSS does not support this. Use a CSS preprocessor language such as LESS or SASS for this sort of feature.
LESS this can be done easily enough: blog.thehippo.de/2012/04/programming/do-a-loop-with-less-cssFor something like this you could need to use a css preprocesser and Mixins.
You could use JS to find and define them, but you are probably better off simply taking the time to define the classes you will need and then they are there for when you need them throughout the project. It probably won't payoff in terms of time in/benefit out.
Just set up a bunch of classes:
.ft-12 {}
.ft-14 {}
.ft-16 {}
etc etc
It's worth it to keep things simple.
I would suggest a jQuery aproach:
var font_size = temp_css_class.split('-')[1];
$( temp_css_class ).each(function() {
$(this).css("font-size", font_size + "px");
});
Where "temp_css_class" is your class name.
