子どもがいる間だけSCSSスタイル親

Question

私は次のscssスニペットを持っています。 .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; 
    } 

    } 
} 

に.childを持つ要素を削除し追加、削除され、私はSCSSであることを表すにはどうすればよいコードを持っている.containerがyellowの色を持っていたいですか？

Answer 1

SCSSを使用していても、まだThere is currently no way to select the parent of an element in CSSという事実を回避することはできません。 childクラスを持つ要素を追加/削除するコードでは、追加のクラスを親のcontainerに追加して色を付けることができます。