стиль определенных divs родительского div

Question

Я пытаюсь настроить таргетинг на определенные div в моей разметке, чтобы скрыть их с помощью CSS. Два divs, на которые я нацеливаюсь, находятся внутри div с надписью «row-20». 2 divs называются back-button-block и forward-button-block. Я использую следующий CSS, но он не работает. Любая помощь будет принята с благодарностью.

.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

У вас есть Запятая, что убивает ваш селектор.

.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>