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>

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

这就是我的并列，但没有运气：

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

Answer 1

如何在每个div之后在CSS中引用h3，这样我就可以在我div之后的所有h3中设置我想要应用于所有h3 + div { /* ... */ }的样式网页？

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

{{1}}

Answer 2

h3 + div { ... }

这也称为相邻的sibling selector。

还要查看以下内容： CSS how to select first occurring element after another element

这是同一个问题

如何在每个h3之后引用Div

2 个答案: