Sass嵌套多个类

时间:2013-08-02 11:16:45

标签: css sass

好吧,这就是我想要实现的目标:

.about{
  /* some styling */
}
.about,.about-pg{
  /* other styling */
}

使用Sass,我认为我可以做到

.about
  /* some styling */
  &,.about-pg
    /* other styling */

然而,它编译为:

.about{
  /* some styling */
}
.about,.about .about-pg{
  /* other styling */
}

任何线索为何以及如何解决这个问题?

1 个答案:

答案 0 :(得分:0)

使用@extend

.about
  /* some styling */
  @extend .about-pg

.about-pg
  /* other styling */