sass基础语法 ----------条件判断及循环
这是我的第一篇博客,把项目中的一些问题,心得,知识点,、、等,会总结一些写上来。
想自学sass的可以点击下面链接哦!
语法学习链接:sass语法
http://sass.bootcss.com/docs/sass-reference/
OK,话不多少,进入主题咯~~~~~~~~~~~~~
@if判断
@if可一个条件单独使用,也可以和@else结合多条件使用
sass代码如下:
$lte7: true;
$type: ocean;
.ib {
display: inline-block;
@if $lte7 {
*display: inline;
*zoom: 1;
}
}
p {
@if $type == ocean {
color: blue;
} @else if $type == matador {
color: red;
} @else if $type == monster {
color: green;
} @else {
color: black;
}
}
css代码: