在本章中,我们将了解类型函数在LESS中的重要性.它们用于确定值的类型.
下表显示了LESS中使用的类型函数.
Sr.No. | 类型功能&说明 | 示例 |
---|---|---|
1 | isnumber 需要一个值作为参数并返回 true ,如果它是一个数字,或者返回 false . | isnumber(1234); // trueisnumber(24px); // trueisnumber(7.8%); // trueisnumber(#fff); // falseisnumber(red); // falseisnumber("variable"); // falseisnumber(keyword); // falseisnumber(url(...)); // false |
2 | isstring 它取一个值作为参数返回 true ,如果是字符串,则返回 false . | isstring("variable"); // trueisstring(1234); // falseisstring(24px); // falseisstring(7.8%); // falseisstring(#fff); // falseisstring(red); // falseisstring(keyword); // falseisstring(url(...)); // false |
3 | iscolor 它取一个值作为参数如果值是颜色,则返回 true ;如果不是,则返回 false . | iscolor(#fff); // trueiscolor(red); // trueiscolor(1234); // falseiscolor(24px); // falseiscolor(7.8%); // falseiscolor("variable"); // falseiscolor(keyword); // falseiscolor(url(...)); // false |
4 | iskeyword 它取一个值作为参数如果value是关键字,则返回 true ;如果不是,则返回 false . | iskeyword(keyword); // trueiskeyword(1234); // falseiskeyword(24px); // falseiskeyword(7.8%); // falseiskeyword(#fff); // falseiskeyword(red) ; // falseiskeyword("variable");// falseiskeyword(url(...)); // false |
5 | isurl 它取一个值作为参数返回 true ,如果value是url或 false ,如果不是. | isurl(url(...)); // trueisurl(keyword); // falseisurl(1234); // falseisurl(24px); // falseisurl(7.8%); // falseisurl(#fff); // falseisurl(red) ; // falseisurl("variable"); // false |
6 | ispixel 它取一个值作为参数如果value是以像素为单位的数字,则返回 true ,否则返回 false . | ispixel(24px); // trueispixel(1234); // falseispixel(7.8%); // falseispixel(keyword); // falseispixel(#fff); // falseispixel(red) ; // falseispixel("variable"); // falseispixel(url(...)); // false |
7 | isem 它取一个值作为参数如果value是em值,则返回 true ;如果不是,则返回 false . | isem(0.5em); // trueisem(1234); // falseisem(24px); // falseisem(keyword); // falseisem(#fff); // falseisem(red) ; // falseisem("variable"); // falseisem(url(...)); // false |
8 | ispercentage 它需要一个值作为参数返回 true ,如果值为百分比或返回 false ,如果值不是百分比. | ispercentage(7.5%); // trueispercentage(url(...)); // falseispercentage(keyword); // falseispercentage(1234); // falseispercentage(24px); // falseispercentage(#fff); // falseispercentage(red) ; // falseispercentage("variable"); // false |
9 | isunit 返回 true 如果值是作为参数提供的指定单位的数字,或者如果value不是指定单位的数字,则返回 false . | isunit(10px, px); // trueisunit(5rem, rem); // trueisunit(7.8%, '%'); // trueisunit(2.2%, px); // falseisunit(24px, rem); // falseisunit(48px, "%"); // falseisunit(1234, em); // falseisunit(#fff, pt); // falseisunit("mm", mm); // false |
10 | isruleset 它取一个值作为参数返回 true ,如果value是规则集,否则返回 false . | @rules: { color: green;}isruleset(@rules); // trueisruleset(1234); // falseisruleset(24px); // falseisruleset(7.8%); // falseisruleset(#fff); // falseisruleset(blue); // falseisruleset("variable"); // falseisruleset(keyword); // falseisruleset(url(...)); // false |