根据孩子改变父母的外表

Question

如果包含某个子元素的父元素，我尝试更改其with。父元素是两个级别。

我在孙子的scss文件中尝试使用针对父元素的选择器。

父级<div class="parent />

父CSS：

.parent {
    flex-basis: 320px;
    min-width: 320px;
}

在属于孙子的.scss文件中，我使用选择器

@include breakpoint(dt) {
    .grandchild {
        .parent & {
            flex-basis: 370px;
            min-width: 370px;
        }
    }
}

父级宽度不受影响。

Answer 1

我最终通过使用javascript在父类上切换类来解决了这个问题。