描述
根据条件,此内置的if()函数仅从两个可能的结果中返回一个结果。函数的结果可以引用可能未定义的变量或需要进一步计算的变量。
语法
if( expression, value1, value2 )
例
以下示例演示了SCSS文件中if()函数的用法。
if_function.html
<html> <head> <title>Control Directives & Expressions</title> <link rel = "stylesheet" type = "text/css" href = "style.css"/> </head> <body> <h2>Welcome to TutorialsPoint</h2> </body> </html>
接下来,创建文件style.scss。
style.scss
h2 { color: if( 1 + 1 == 2 , green , red); }
您可以使用以下命令,让SASS监视文件并在SASS文件更改时更新CSS。
sass --watch C:\ruby\lib\sass\style.scss:style.css
接下来,执行以上命令;它将使用以下代码自动创建style.css文件。
style.css
h2 { color: green; }
作者:terry,如若转载,请注明出处:https://www.web176.com/sass/1693.html