css - 如何在任何 dom 元素之后选择第二个 div？

Question

如何为 h3 之后的第二个 div 提供 float left 属性？

<div class="view-content">
  <h3>
  <div>
  <h3>
  <div>
  <h3>
  <div>
  <div>   this one !
  <h3>
 <div>
</div>

Answer 1

你可以链adjacent sibling selectors :

h3 + div + div {
  float: left;
  background: yellow;
}

h3 + div {
  display: inline-block;
}

<div class="view-content">
  <h3></h3>
  <div>not this</div>
  <h3></h3>
  <div>nor this</div>
  <h3></h3>
  <div>or this</div>
  <div>but this one !</div>
  <h3></h3>
  <div>not this</div>
</div>