SASS P5 - Control Directive & Expressions
Phần này sẽ gồm 4 phần chính: IF, FOR, EACH, WHILE
1. if
Kiểm tra một câu lệnh điều kiện và trả về một giá trị tương ứng
p {
@if 1 + 1 == 2 { border: 1px solid; }
@if 5 < 3 { border: 2px dotted; }
@if null { border: 3px double; }
}
$type: monster;
h3 {
@if $type == ocean {
color: blue;
} @else if $type == matador {
color: red;
} @else if $type == monster {
color: green;
} @else {
color: black;
}
}
Kết...
SCSS
SASS
1183