描述
根据条件,此内置的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
支付宝
微信