Fork me on GitHub

scss 中 & 的使用

发表于 | 热度 ℃
| 字数统计 70 | 阅读时长 1

在 scss 中，& 表示当前路径

示例一

1
2
3
4
5
.child {
  &.child-cur{
    
  }
}

编译后为

1
2
3
4
5
6
.child{

}
.child.child-cur{

}

示例二

1
2
3
4
5
6
7
.child{ 
  display: none;

  @at-root .page-ios &{ 
    display: block;
  } 
}

编译后为

1
2
3
4
5
6
.child{ 
  display: none;
}
.page-ios .child{
  display: block;
}

-------------感谢您的阅读 有问题请留言(或mailto:frostbelt@sina.cn)-------------