我是CSS新手。在一個用例中，我需要應用一個CSS類，只有當另一個不存在的時候。

<div
  class="border-solid p-2 bg-white mt-1 h-fit"
  [ngClass]="SOME_CONDITION ? 'tile-container' : ''"
>
  <div class = 'chart-container'>
      <app-angualar-component></app-angualar-component>
  </div>
</div>

如果圖塊容器類存在，則不應應用圖表容器類，反之亦然，如果圖塊容器不存在，則應應用圖表容器類。

我只需要通過CSS來實現這一點。

這看起來是一個非常常見的用例，但我沒有發現任何適合當前用例的開放式/封閉式問題。

我該怎么做？

感謝貢獻一個堆棧溢出的答案！

請務必回答問題。提供詳細信息并分享您的研究！但是要避免…

尋求幫助、澄清或回應其他答案。根據意見發表聲明；用參考資料或個人經歷來支持他們。要了解更多，請查看我們關于撰寫精彩答案的提示。