如果另一个同级的子元素具有特定的类，则隐藏同级元素

Question

当我在JSFiddle中玩游戏时，我想出了一个jQuery可以做到这一点，但是由于某些原因，我无法使其真正在网站上正常工作。控制台显示了jQuery，但由于某种原因它实际上并未执行。所以我只想尝试使用CSS。如果元素<div class="walkInButtonContainer">的同级元素<div class="rowSectionLarge">有一个带有slotContainer类的子元素，我想隐藏它。

如果元素<div class="rowSectionLarge">包含一个类别为“ slotsContainer”的子级：

<div class="rowSectionLarge">
   <div class="label bold"</div>
   <div class="label date"</div>
   <div class="slotsContainer">
</div>

隐藏整个<div class="walkInButtonContainer">元素，它是上面<div class="rowSectionLarge">元素的同级元素：

<div class="walkInButtonContainer">
   <div class="subtleColor">
   <input type="button" class="button walkInButton postMessageLink">
</div>