阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      Less 类型函数

      在本章中,我们将学习类型函数。 它们用于确定值的类型。

      Less 类型函数一共有十种,你可以通过文中的表格了解这些类型函数的使用。

      下表显示了LESS中使用的_类型函数_。

      S.N.类型函数及描述例子
      1isnumber

      它使用一个值作为参数,并返回 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"); // true
      isstring(1234);       // false
      isstring(24px);       // false
      isstring(7.8%);       // false
      isstring(#fff);       // false
      isstring(red);        // false
      isstring(keyword);    // false
      isstring(url(...));   // false
      3iscolor

      它使用一个值作为参数,并返回 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  
      5isurl

      它使用一个值作为参数,并返回 true (如果值为url)或 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


      如果值是以像素为单位的数字,或者 false ,则以值为参数返回 true

      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
      
      7isem

      它采用一个值作为参数,并返回 true ,如果值是em值或 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
      9isunit

      如果值是指定单位中作为参数提供的数字,则返回 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: {
          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

      目录
      本文目录
      目录