缩短使用带有SASS的逗号分隔的CSS选择器

Question

我在样式表中有这个CSS规则:

#breadcrumbs, #breadcrumbs span {
    font-size: 0.750rem;
}

我想知道是否有可能避免重复#breadcrumbs使用SASS.实现这一目标的方法之一是:

#breadcrumbs {
    font-size: 0.750rem;
    span {
        font-size: 0.750rem;
    }
}

然而,这更糟糕,因为我必须重复font-size: 0.750rem.

使用SASS从上面实际缩短 CSS 的方法是什么？

Answer 1

一个可能的选项可能是使用&符引用父项&:

#breadcrumbs {
    &, & span {
        font-size: 0.750rem;
    }
}