How to select an element that doesn't have a child or contains a particular element

<style>
 /* 
this is not selecting the category container if it doesn't have a child element with a class of category
 */
  .category-container:has(>:not(.category)){
    background-color:red;
  }
</style>
<div class="category-container">
  <div class="category"></div>
</div>

<style>
 /* 
this is not selecting the category container if it doesn't have a child element with a class of category
 */
  .category-container:has(>:not(.category)){
    background-color:red;
  }
</style>
<div class="category-container">
  <div class="category"></div>
</div>

category-container

category-container

category

category