Less 类型函数

  • 定义和使用

    在本章中,我们将了解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
    它使用值作为参数,如果value是颜色,则返回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
    它以值作为参数,如果value是关键字,则返回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
    它以值作为参数,如果value是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
    它以值作为参数,如果value是一个以像素为单位的数字,则返回true,否则返回false。
      
    ispixel(24px);          // true
    ispixel(1234);          // false
    ispixel(7.8%);          // false
    ispixel(keyword);       // false
    ispixel(#fff);          // false
    ispixel(red) ;          // false
    ispixel("variable");    // false
    ispixel(url(...));      // false
    
    
    7
    isem
    它使用一个值作为参数,如果value是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
    它以一个值作为参数,如果value以百分比表示,则返回true;如果value不是百分比,则返回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;如果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);       // false
    
    
    10
    isruleset
    它以值作为参数,如果value是规则集,则返回true,否则返回false。
      
    @rules: {
        color: green;
     }
     
     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