Less 类型函数

2024 年 8 月 29 日 | 阅读 2 分钟

Less 类型函数用于确定值的类型。

Less 中使用的类型函数列表

索引类型描述示例
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(...)); // false
2)isstring它将一个值作为参数,如果它是一个字符串则返回 true,否则返回 false。isstring("variable"); // true
isstring(1234); // false
isstring(24px); // false
isstring(7.8%); // false
isstring(#fff); // false
isstring(red); // false
isstring(keyword); // false
isstring(url(...)); // false
3)iscolor它将一个值作为参数,如果该值是颜色则返回 true,否则返回 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(...)); // false
4)iskeyword它将一个值作为参数,如果该值是关键字则返回 true,否则返回 false。iskeyword(keyword); // true
iskeyword(1234); // false
iskeyword(24px); // false
iskeyword(7.8%); // false
iskeyword(#fff); // false
iskeyword(red) ; // false
iskeyword("variable");// false
iskeyword(url(...)); // false
5)isurl它将一个值作为参数,如果该值是 url 则返回 true,否则返回 false。isurl(url(...)); // true
isurl(keyword); // false
isurl(1234); // false
isurl(24px); // false
isurl(7.8%); // false
isurl(#fff); // false
isurl(red) ; // false
isurl("variable"); // false
6)ispixel它将一个值作为参数,如果该值是像素单位的数字则返回 true,否则返回 false。ispixel(24px); // true
ispixel(1234); // false
ispixel(7.8%); // false
ispixel(keyword); // false
ispixel(#fff); // false
ispixel(red) ; // false
ispixel("variable"); // falseispixel(url(...)); // false
7)isem它将一个值作为参数,如果该值是 em 值则返回 true,否则返回 false。isem(0.5em); // true
isem(1234); // false
isem(24px); // false
isem(keyword); // false
isem(#fff); // false
isem(red) ; // false
isem("variable"); // false
isem(url(...)); // false
8)ispercentage它将一个值作为参数,如果该值是百分比则返回 true,否则返回 false。ispercentage(7.5%); // true
ispercentage(url(...)); // false
ispercentage(keyword); // false
ispercentage(1234); // false
ispercentage(24px); // false
ispercentage(#fff); // false
ispercentage(red) ; // false
ispercentage("variable"); // false
9)isunit如果一个值是指定单位的数字,则显示 true,否则如果该值不是指定单位的数字则显示 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); // false
10)isruleset它将一个值作为参数,如果该值是规则集则返回 true,否则返回 false。@rules: {<div> color: green;<div>}
isruleset(@rules); // true
isruleset(1234); // false
isruleset(24px); // false
isruleset(7.8%); // false
isruleset(#fff); // false
isruleset(blue); // false
isruleset("variable"); // false
isruleset(keyword); // false
isruleset(url(...)); // false
下一个主题Less isnumber()