我可以检查父元素在 sass 中有特定的类吗？

Question

如果父元素具有特定的类，我想有条件地赋值。经验：

HTML

 <div class="parent">
    <div class="child">Some Text</div>
</div>

CSS

 .child {
    font-size: 16px;
}

但是如果父元素有一个名为“big”的类

HTML

 <div class="parent big">
    <div class="child">Some Text</div>
</div>

我想改变价值如下

CSS

 .child {
    font-size: 20px;
}

例如如下：

 .child {
  font-size: parent.hasClass('big') ? 20px : 16px;
}

我怎样才能在 SASS 中做到这一点？

原文由 midstack 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

只需创建两个规则：

 .child {font-size: 16px;}
.big .child {font-size: 20px;}

---

在 SASS 中它会是

.child
    font-size: 16px

    .big &
        font-size: 20px

原文由 Justinas 发布，翻译遵循 CC BY-SA 4.0 许可协议