如何在每个 h3 之后引用一个 Div答案

【问题标题】：How to reference a Div after each h3如何在每个 h3 之后引用一个 Div
【发布时间】：2012-11-05 08:10:01
【问题描述】：

如果我有这样的事情

<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; 
}

【问题讨论】：

有什么理由不想声明一个类？
我为什么需要这样做？我的页面上只有 3 个 h3。在这一点上我不需要引入一个类来区分独特的 H3
只介绍你需要的东西（精益）。如果我在此之外还有其他具有 H3 的文本会受此影响，并且我不希望它受到影响，那么我将开始添加类以区分特定 H3 中的差异

标签： css

【解决方案1】：

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

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

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

【讨论】：

感谢我以前从未使用过 +，很高兴知道。我知道你有时可以使用 [tag] [tag2]（使用空格）或 [tag].[tag2] 使用句点，但以前从未使用过 + 或至少需要到现在......谢谢。

【解决方案2】：

h3 + div { ... }

这也称为相邻的sibling selector。

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

同一个问题

【讨论】：