选择第一个孩子，第一个类型不工作

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>