Sass条件判断失效：为什么我的@if语句无法正确设置字体大小？

IT行业相对于一般传统行业，发展更新速度更快，一旦停止了学习，很快就会被行业所淘汰。所以我们需要踏踏实实的不断学习，精进自己的技术，尤其是初学者。今天golang学习网给大家整理了《Sass条件判断失效：为什么我的@if语句无法正确设置字体大小？》，聊聊，我们一起来看看吧！

Sass @if语句条件判断问题排查

你的Sass代码中使用typeset和exercise-type属性进行条件判断，但字体大小始终为12px，这可能是由于@if语句的逻辑错误或其他Sass语法问题导致的。

问题分析及解决方案

你提供的代码片段中，使用了&和&&连接条件，这在Sass中是无效的。Sass的@if语句条件判断使用的是and关键字连接多个条件。

正确的Sass代码应该如下：

@if ($typeset == "card" and $exercise-type == "Choice") {
  > span {
    font-size: 12px !important;
  }
} @else {
  > span {
    font-size: 14px !important;
  }
}

关键修改:

• 将&替换为$，使用Sass变量$typeset和$exercise-type。 &在Sass中表示父选择器，此处并非其用途。
• 将&&替换为and，这是Sass中连接多个条件的正确关键字。
• 确保$typeset和$exercise-type变量已正确定义并赋值。

修改后，Sass编译器应该能够根据$typeset和$exercise-type变量的值正确地设置span元素的字体大小。 如果问题仍然存在，请检查变量的值是否正确，以及Sass代码的其余部分是否存在其他错误。 建议使用Sass编译器的调试功能来帮助定位问题。

以上就是《Sass条件判断失效：为什么我的@if语句无法正确设置字体大小？》的详细内容，更多关于的资料请关注golang学习网公众号！