如何使每種H3後引用一個div

如果我有這樣的事情如何使每種H3後引用一個div

<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後？

這裏就是我追平，但沒有運氣：

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

來源

2012-11-05 PositiveGuy

任何理由，你爲什麼不想聲明一個類？ – Alan

爲什麼我需要？我的頁面上只有3個h3。我不需要在這一點上引入一個類來區分獨特的H3s – PositiveGuy

只根據需要介紹一些東西（精益）。如果我在這之外有其他文字，而H3會受到這個影響，我不希望這會受到影響，那麼我會開始添加類來區分特定H3中的差異 – PositiveGuy

我怎麼能在CSS中引用div每個h3後，這樣我就可以設置，我想之後的任何適用於所有的第一div風格h3在我的頁面？

使用此相鄰的兄弟選擇...

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

來源

2012-11-05 00:06:33 alex

謝謝我以前從來沒有用過+，很高興知道。我知道你可以使用一段時間[tag] [tag2]（使用空格）或[tag]。[tag2]，但從未使用過+或至少需要使用至今......謝謝。 – PositiveGuy

h3 + div { ... }

這也被稱爲相鄰sibling selector。

還檢查了以下內容： CSS how to select first occurring element after another element

是同樣的問題

來源

2012-11-05 00:10:01

如何使每種H3後引用一個div

回答

相關問題