css - 如何在每个 h3 之后引用一个 Div

Question

如果我有这样的事情

<h3><a href="#">Pay Info</a></h3>
    <div id="pay-Wrapper" >
       ...content
    </div>
<h3><a href="#">Car Info</a></h3>
    <div id="car-Wrapper" >
       ...content
    </div>
<h3><a href="#">Loan Info</a></h3>
    <div id="loan-Wrapper" >
       ...content
    </div>

如何在 css 中引用每个 h3 之后的 div，以便我可以设置我想要应用于页面中任何 h3 之后的所有第一个 div 的样式？

这是我绑的，但没有运气：

h3 div 
{
    height:100px; 
    overflow-x:hidden; 
    overflow-y:auto; 
    position:relative; 
    left:0; 
    top: 0; 
}

Answer 1

我如何在 CSS 中引用div每个之后的内容，h3以便我可以设置我想要在页面中的div任何内容之后首先应用的样式h3？

使用这个相邻的兄弟选择器...

h3 + div {
    /* ... */
}

Answer 2

h3 + div { ... }

这也称为相邻兄弟选择器。

还请查看以下内容： CSS 如何在另一个元素之后选择第一个出现的元素

这是同一个问题