Less Type函数用于确定值的类型。
【Less类型函数】Less中使用的Type函数列表:
Index | Type | Description | Example |
---|---|---|---|
1) | isnumber | 它接受一个值作为参数, 如果为数字则返回true, 否则返回false。 | isnumber(1234); // true isnumber(24px); // true isnumber(7.8%); // true isnumber(#fff); // false isnumber(red); // false isnumber(” variable” ); // false isnumber(keyword); // false isnumber(url(… )); //错误 |
2) | isstring | 它接受一个值作为参数, 如果为字符串, 则返回true, 否则返回false。 | isstring(” variable” ); // true isstring(1234); // false isstring(24px); //错误的isstring(7.8%); //错误的isstring(#fff); //错误的isstring(red); // false isstring(keyword); //错误的isstring(url(… )); //错误 |
3) | iscolor | 它接受一个值作为参数并返回true, 如果value是一种颜色, 否则返回false。 | iscolor(#fff); // true iscolor(red); // true iscolor(1234); // false iscolor(24px); // false iscolor(7.8%); // false iscolor(” variable” ); // false iscolor(keyword); // false iscolor(url(… )); //错误 |
4) | iskeyword | 它接受一个值作为参数, 如果value是一个关键字, 则返回true, 否则返回false。 | iskeyword(关键字); // true iskeyword(1234); // false iskeyword(24px); //错误的iskeyword(7.8%); //错误的iskeyword(#fff); // false iskeyword(red); //错误的iskeyword(“ 变量” ); //错误的iskeyword(url(… )); //错误 |
5) | isurl | 它接受一个值作为参数并返回true, 如果value是url, 否则返回false。 | isurl(url(… )); // true isurl(keyword); //错误的isurl(1234); //错误的isurl(24px); //错误的isurl(7.8%); //错误的isurl(#fff); // false isurl(red); //错误的isurl(” variable” ); //错误 |
6) | ispixel | 它接受一个值作为参数并返回true, 如果value是一个以像素为单位的数字, 否则返回false。 | ispixel(24px); // true ispixel(1234); //假ispixel(7.8%); // false ispixel(keyword); //错误的ispixel(#fff); // false ispixel(red); // false ispixel(” variable” ); // falseispixel(url(… )); //错误 |
7) | isem | 它接受一个值作为参数, 如果value是em值, 则返回true, 否则返回false。 | 名字(0.5em) //真名(1234); //假名(24像素) //假名(关键字) //假名(#FFF) //假名(红色); //假名( “ 变量” ); //假名(URL(… )); //假 |
8) | ispercentage | 它接受一个值作为参数并返回true, 如果value以百分比表示, 则返回false。 | 百分比(7.5%); // true ispercentage(url(… )); // false ispercentage(keyword); // false ispercentage(1234); // false ispercentage(24px); // false ispercentage(#fff); // false ispercentage(red); // false ispercentage(” variable” ); //错误 |
9) | isunit | 如果值是作为参数提供的指定单位的数字, 则显示true;否则, 如果value不是指定单位的数字, 则显示false。 | isunit(10px, px); // true isunit(5rem, rem); // true isunit(7.8%, ‘ %’ ); // true isunit(2.2%, px); // false isunit(24px, rem); // false isunit(48px, “ %” ); // false isunit(1234, em); // false isunit(#fff, pt); // false isunit(” mm” , mm); //错误 |
10) | isruleset | 它接受一个值作为参数, 如果value是一个规则集, 则返回true, 否则返回false。 | @rules:{< div> 颜色:绿色; < div> } isruleset(@rules); // true isruleset(1234); // false isruleset(24px); //错误的isruleset(7.8%); //错误的isruleset(#fff); // false isruleset(蓝色); // false isruleset(” variable” ); // false isruleset(keyword); //错误的isruleset(url(… )); //错误 |
推荐阅读
- Less色彩通道函数
- Less使用函数
- Less颜色定义函数
- Less数学函数
- Less list函数
- Less字符串函数
- Less杂项函数
- Less组合explosion父选择器
- Less更改选择器顺序的父选择器