html - 第一个有中间包裹 dics 的 child

Question

我有以下 html 代码:

<div class="wrapper">
  <div some_unique_identifier class="whatever">
    <div class="content">
  </div>
  <div some_unique_identifier2 class="whatever2">
    <div class="content">
  </div>
</div>

我只想对类 content 的第一个 div 进行样式化，但我不能使用 .wrapper .content:first-child 因为 whatever 中间的div。我是怎么做到的？

Answer 1

我认为您只需要为第一次出现的内容类设置样式。据我所知，你不能用 css 做到这一点。因为在 CSS pseudo 中会得到直接 parent 的第一个 child (如果你使用 :first-child)。

<div class="wrapper">
  <div some_unique_identifier class="whatever">
    <div class="content">1</div>
  </div>
  <div some_unique_identifier2 class="whatever2">
    <div class="content">2</div>
  </div>
</div>

像这样使用 JQuery 或 Javascript:

$('.content').first().addClass('first-content');

和CSS:

.first-content{
  background:red;
}

检查 This