html - 选择器第一个 child ，第一个类型不起作用

Question

我已经尝试过 first-child 和 first-of-type 来隐藏一流的“条目列表”，但没有用。

这里是我的代码:

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

如果您更改 .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>