当前位置 : 主页 > 网页制作 > css >

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

来源:互联网 收集:自由互联 发布时间:2021-06-13
我在样式表中有这个CSS规则: #breadcrumbs, #breadcrumbs span { font-size: 0.750rem;} 我想知道是否有可能避免用SASS重复#breadcrumbs.实现这一目标的方法之一是: #breadcrumbs { font-size: 0.750rem; span { fo
我在样式表中有这个CSS规则:

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

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

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

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

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

一个可能的选项可能是 referencing the parent使用&符号&:

#breadcrumbs {
    &, & span {
        font-size: 0.750rem;
    }
}
网友评论