仅在孩子出现时SCSS Style父级

Question

我有以下scss片段。当.child出现时，我希望.container的颜色为yellow我在其他地方有代码，删除添加/删除元素.child

.container {
  height: 100%;
  color: red;
  :global {
    .child {
      background-color: black;
    }
    .container .child { <=== This obviously doesn't work but 
                             I need .container to be yellow only when child is present 
       color: yellow;
    }

  }
}

我如何在scss中表示？

Answer 1

即使您正在使用SCSS，我们仍然无法解决There is currently no way to select the parent of an element in CSS这一事实。在使用child类添加/删除元素的代码中，向父container添加一个额外的类，以便为其着色。