style div div div的父div

Question

我想在我的標記中使用CSS來隱藏它們的特定div。我所針對的兩個div都在標有「row-20」的div內。 2個div被命名爲後退按鈕塊和前進按鈕塊。我正在使用下面的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>