Less 函数是一种 CSS 预处理器，它可以帮助开发者更有效地编写 CSS 代码。它提供了一种方法来定义变量，并使用这些变量来创建更加复杂的样式表。Less 函数还允许开发者使用嵌套的语法，从而减少代码重复，并使代码更易于阅读和理解。
Less 函数的主要优势之一是它允许开发者使用变量来存储常用的属性值，从而减少代码重复。例如，如果你想要在你的项目中使用相同的字体大小或颜色，你可以将这些属性存储在一个变量中，然后在你的样式表中使用该变量。这样一来，如果你想要修改这些属性时，你不必去修改所有的样式表文件：你只需要修改该变量即可。
Less 函数还允许开发者使用嵌套的语法来创建复杂的样式表。例如：
.container {
width: 100%;
.inner {
width: 50%;
p {
font-size: 12px;
}
a {
color: #000;
}
}
}
上面的代码将会生成两个 CSS 规则集：.container 和 .container .inner。.container 规则集将应用宽度 100% 的样式到所有元素上；而 .container .inner 规则集将应用宽度 50% 的样式到所有 p 元素上以及所有 a 元素上的颜色 #000 来呈现出不同的样式。
在本章中，我们将学习类型函数。 它们用于确定值的类型。
Less 类型函数一共有十种，你可以通过文中的表格了解这些类型函数的使用。
下表显示了LESS中使用的类型函数。
| S.N. | 类型函数及描述 | 例子 |
|---|---|---|
| 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"); // 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 它使用一个值作为参数，并返回 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
|
| 7 | isem 它采用一个值作为参数，并返回 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
|
| 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: {
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
|
CSS3已经完全向后兼容，所以你就不必改变现有的设计。浏览器一般情况下都会支持CSS2。 CSS3 模块 CSS3被拆分为"模块"。旧规范已...
定义和用法HTML5 object标签定义一个嵌入的对象。请使用此元素向您的 XHTML 页面添加多媒体。此元素运行您规定插入 HTML 文档中...
SQL SUM() 函数 SUM() 函数返回数字列的总和。SQL SUM() 语法SELECT SUM(column_name)FROM table_nameWHERE condition;...