- 語言特性
- LESS - 巢狀規則
- LESS - 巢狀指令和冒泡
- LESS - 運算
- LESS - 轉義
- LESS - 函式
- LESS - 名稱空間和訪問器
- LESS - 作用域
- LESS - 註釋
- LESS - 匯入
- LESS - 變數
- LESS - 擴充套件
- LESS - Mixin
- LESS - 引數化Mixin
- LESS - Mixin作為函式
- LESS - 向Mixin傳遞規則集
- LESS - 匯入指令
- LESS - 匯入選項
- LESS - Mixin 保護
- LESS - CSS 保護
- LESS - 迴圈
- LESS - 合併
- LESS - 父選擇器
- 函式
- LESS - 其他函式
- LESS - 字串函式
- LESS - 列表函式
- LESS - 數學函式
- LESS - 型別函式
- LESS - 顏色定義函式
- LESS - 顏色通道函式
- LESS - 顏色運算
- LESS - 顏色混合函式
- 用法
- LESS - 命令列用法
- 在瀏覽器中使用LESS
- LESS - 瀏覽器支援
- LESS - 外掛
- LESS - 程式化用法
- LESS - 線上編譯器
- LESS - 圖形使用者介面
- LESS - 編輯器和外掛
- LESS - 第三方編譯器
- LESS - 框架
- LESS 有用資源
- LESS - 快速指南
- LESS - 有用資源
- LESS - 討論
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 它以一個值作為引數,如果該值是顏色則返回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"); // false
ispixel(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: {
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
|
廣告