選擇第一個孩子，第一個類型不工作

Question

我已經嘗試了第一個孩子和第一個類型隱藏第一類「入門列表」，但不工作。

這裏我的代碼：

HTML

<div class="entry-content"> 
    <div class="row"> 
    <h2>Title</h2> 
    <div class="view-more"></div> 
    <div class="entry-list"></div> 
    <div class="entry-list"></div> 
    <div class="entry-list"></div> 
    </div> 
</div> 

CSS

.entry-content>.row>div.entry-list:first-of-type { 
    display: none; 
} 

提前感謝

Answer 1

就可以輕鬆搞定這個，如果你包裝你進入名單的div完成另一個div。

你可以在這裏閱讀更多： https://developer.mozilla.org/en-US/docs/Web/CSS/:first-child

<div class="entry-content"> 
    <div class="row"> 
    <h2>Title</h2> 
    <div class="view-more"></div> 
    <div class="entry-lists"> 
     <div class="entry-list">First</div> 
     <div class="entry-list">Second</div> 
     <div class="entry-list">Last</div> 
    </div> 
    </div> 
</div> 

這裏是工作提琴： https://jsfiddle.net/h92dfz3o/

Answer 2

，如果你在你的.view-more類改變你的元素，您可以通過使用first-of-type

做

.row div:first-of-type { 
 
    display: none 
 
}

<div class="entry-content"> 
 
    <div class="row"> 
 
    <h2>Title</h2> 
 
    <span class="view-more">VM</span> 
 
    <div class="entry-list">1</div> 
 
    <div class="entry-list">2</div> 
 
    <div class="entry-list">3</div> 
 
    </div> 
 
</div>