Sass:if()函数

描述

根据条件,此内置的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

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2021年1月26日 下午6:19
下一篇 2021年1月27日 下午7:05

相关推荐

发表回复

登录后才能评论