diff --git a/curriculum/challenges/chinese/03-front-end-libraries/sass/use-if-and-else-to-add-logic-to-your-styles.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/sass/use-if-and-else-to-add-logic-to-your-styles.chinese.md index cf3e3f0027..8d05bf5967 100644 --- a/curriculum/challenges/chinese/03-front-end-libraries/sass/use-if-and-else-to-add-logic-to-your-styles.chinese.md +++ b/curriculum/challenges/chinese/03-front-end-libraries/sass/use-if-and-else-to-add-logic-to-your-styles.chinese.md @@ -10,7 +10,10 @@ localeTitle: 使用@if和@else将逻辑添加到您的样式
Sass中的@if指令对于测试特定情况很有用 - 它就像JavaScript中的if语句一样。
@mixin make-bold($ bool){
@if $ bool == true {
font-weight:bold;
}
}
就像在JavaScript中一样, @else if@else测试更多条件:
@mixin text-effect($ val){
@if $ val == danger {
红色;
}
@else if $ val == alert {
颜色:黄色;
}
@else if $ val == success {
颜色:绿色;
}
@else {
颜色:黑色;
}
}
## Instructions -
创建一个名为border-strokemixin ,它接受一个参数$valmixin应使用@if@else if@else检查以下条件:
光 - 1px纯黑色
中等 - 3px纯黑色
重 - 6px纯黑色
没有 - 没有边界
+
创建一个名为border-strokemixin ,它接受一个参数$valmixin应使用@if@else if@else检查以下条件: +
光 - 1px纯黑色
中等 - 3px纯黑色
重 - 6px纯黑色
+如果$val不是lightmedium,或者heavy,则边框应该设置为none。 +
## Tests