Menu
×
   ❮   
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

Sass 自省函数


Sass 自省函数

在构建样式表时,很少使用自省函数。但是,如果某些内容无法正常工作,它们非常有价值 - 用于找出发生了什么:例如调试函数。

下表列出了 Sass 中所有自省函数

函数 描述 & 示例
call(function, arguments...) 使用参数调用函数,并返回结果。
content-exists() 检查当前混合宏是否传递了 @content 块。
feature-exists(feature) 检查当前 Sass 实现是否支持feature

示例
feature-exists("at-error");
结果:true
function-exists(functionname) 检查指定的函数是否存在。

示例
function-exists("nonsense")
结果:false
get-function(functionname, css: false) 返回指定的函数。如果 css 为 true,则返回一个纯 CSS 函数。
global-variable-exists(variablename) 检查指定的全局变量是否存在。

示例
variable-exists(a)
结果:true
inspect(value) 返回value的字符串表示形式。
mixin-exists(mixinname) 检查指定的混合宏是否存在。

示例
mixin-exists("important-text")
结果:true
type-of(value) 返回value的类型。可以是 number、string、color、list、map、bool、null、function、arglist。

示例
type-of(15px)
结果:number
type-of(#ff0000)
结果:color
unit(number) 返回与数字关联的单位。

示例
unit(15px)
结果:px
unitless(number) 检查指定的数字是否与其关联的单位。

示例
unitless(15px)
结果:false
unitless(15)
结果:true
variable-exists(variablename) 检查指定的变量在当前作用域中是否存在。

示例
variable-exists(b)
结果:true

×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.