scss-@if指令
@if指令接受表达式和使用嵌套样式,无论表达式的结果只不过是false或null。
语法:
@if expression { //CSS codes are written here }
scss实例:
p{ @if 10 + 10 == 20 { border: 1px dotted; } @if 7 < 2 { border: 2px solid; } @if null { border: 3px double; } }
编译后的代码如下:
p { border: 1px dotted; }
一步一个脚印,认真学下去,相信我们都会成为心目中的技术大牛!!!加油!!!