开发手册 欢迎您!
软件开发者资料库

LESS - 类型函数

LESS的类型功能 - 从简单和简单的步骤开始,从基本概念到高级概念学习少,包括概述,安装,嵌套规则,嵌套指令和冒泡,操作,转义,函数,命名空间和访问器,范围,注释,导入,变量, Extend,Mixins,Parametric Mixins,Mixins作为函数,将规则集传递给Mixins,导入指令,导入选项,Mixin Guards,CSS Guards,循环,合并,父选择器,其他函数,字符串函数,列表函数,数学函数,类型函数,颜色定义功能,颜色通道功能,颜色操作,颜色混合功能,命令行使用,在浏览器中使用较少,浏览器支持,插件,编程使用,在线编译器,GUI,编辑器和插件,第三方编译器,框架。

在本章中,我们将了解类型函数在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