JavascriptまたはCSSを使用して第2 <DT>を非表示にします

Question

第1および第2の説明用語とデータを非表示にしようとしています。 （dt &dd）。私はテーブルに関する隠れた質問を見つけ、2番目を隠していました。しかし何らかの理由でコードが私のために働いていない。助言がありますか。ここ

<div class="tribe-events-meta-group tribe-events-meta-group-other"> 
<h3 class="tribe-events-single-section-title"> Other </h3> 
<dl> 
       <dt> Already An Approved Group? </dt> 
     <dd class="tribe-meta-value"> 
      Yes, nothing has changed   </dd> 
       <dt> Have You Been Approved for a Room? </dt> 
     <dd class="tribe-meta-value"> 
      Yes   </dd> 
       <dt> Room Number </dt> 
     <dd class="tribe-meta-value"> 
      302   </dd> 
       <dt> Will Childcare Be Available </dt> 
     <dd class="tribe-meta-value"> 
      Yes   </dd> 
       <dt> Restrictions </dt> 
     <dd class="tribe-meta-value"> 
      none   </dd> 
       <dt> Cost </dt> 
     <dd class="tribe-meta-value"> 
      Free   </dd> 
       <dt> Registration Required </dt> 
     <dd class="tribe-meta-value"> 
      No   </dd> 
     </dl> 

第2のテーブルの行を隠すために使用されたコードがありました。あなたがこれを行うにCSS :first-of-typeセレクターを使用することができます

Answer 1

<div class="NewsResultsList"> 
    <table border="1" id="table"> 
     <tr><td>News Results based on user queries</td></tr> 
     <tr><td>Random news results</td></tr> 
    </table> 
</div> 

$(document).ready(function(){ 
$('div.NewsResultsList table tr:eq(1)').remove() 

}）：私が最初にdtとdl内の最初のddを隠しています。この例では

.tribe-events-meta-group dl dt:first-of-type, 
.tribe-events-meta-group dl dd:first-of-type { display:none; } 

をどのクラスがtribe-events-meta-groupの親要素内にあります。あなたはそれがこれを試してみてくださいその他ページ

Answer 2

上のすべての定義リストに適用する必要がある場合

セレクタ

を変更することができます。

dt:first-child, 
dt:first-child + dd { 
    display: none; 
} 

この最初の子DTを非表示になり、それが最初の兄弟DDです。