Stil bestimmte divs der Eltern div

Question

Ich versuche, bestimmte divs in meinem Markup zu zielen, um sie mit CSS zu verstecken. Die beiden Divs, auf die ich abziele, befinden sich in einem div mit der Aufschrift "row-20". Die 2 Divs heißen Back-Button-Block und Forward-Button-Block. Ich verwende das folgende CSS, aber es funktioniert nicht. Jede Hilfe würde sehr geschätzt werden.

.row-20 > .back-button-block, .row-20 > .forward-button-block, { display:none; }

<div class="row-20"> 
 
          <!-- Back Button --> 
 
          <div class="back-button-block"> 
 
          Back 
 
          </div> 
 
          <!-- Back button ends --> 
 
           <!-- forward Button --> 
 
          <div class="forward-button-block swiper-button-disabled"> 
 
          Forward 
 
          </div> 
 
          <!-- Forward button ends --> 
 
          <h1 class="question">NEXT</h1> 
 
</div>

Answer 1

Sie haben ein Komma, das Ihre Wähler zu töten ist.

.row-20 > .back-button-block, 
 
.row-20 > .forward-button-block 
 
{ 
 
    display: none; 
 
}

<div class="row-20"> 
 
    <!-- Back Button --> 
 
    <div class="back-button-block"> 
 
    Back 
 
    </div> 
 
    <!-- Back button ends --> 
 
    <!-- forward Button --> 
 
    <div class="forward-button-block swiper-button-disabled"> 
 
    Forward 
 
    </div> 
 
    <!-- Forward button ends --> 
 
    <h1 class="question">NEXT</h1> 
 
</div>