主页 / 问题 / 949582
Accepted
Gleb Pristupa
Asked:2020-02-26 18:11:45 +0800 CST2020-02-26 18:11:45 +0800 CST

转换为 SCSS

  • 772

将此代码从 CSS 转换为 SCSS、使用 mixin 或扩展需要什么？

main > nav, main > div {
  display: inline-block;
}

此选项是否合适，在这种情况下是否正确？

@mixin default {
  display: inline-block;
}
  
main > nav {
  @include default;
}
  
main > div {
  @include default;
}

scss

1 个回答

  1. Best Answer

    在 SCSS 中，这将被写为：

    //Вариант 1
main{
  & > nav, & > div{
    display: inline-block;
  }
}

//Вариант 2
@mixin inline-block(){
  display: inline-block;
}

main{

  & > nav{
    @include inline-block;
  }

  & > nav{
    @include inline-block;
  }
}

//Вариант 3
main{
  & > nav, & > div{
    @include inline-block;
  }
}

    在此处输入图像描述

    一本关于 SCSS 的好书是Dan Cederholm 的 Sass for Web Designers

    • 1

相关问题