選擇下一個元素的CSS

我在HTML中具有2個div元素：選擇下一個元素的CSS

<body> 
    <div id="one"></div> 
    <div></div> 
</body>

我想隱藏的div後的div元素與id="one"從CSS，我試過這樣：

#one:after{display:none}

這並未還有其他方法可以做嗎？

標題中顯示「下一個元素」，文本顯示「div後面帶有id =」one「'」的div元素。哪一個？ –

沒有，:after僞沒有做到這一點，你需要使用

#one + div { 
    display: none; 
}

如果你想隱藏ALL其次#onediv你將不得不使用

#one ~ div { 
    display: none; 
}

2014-02-17 07:53:01

這有效，謝謝 –

@MahenderSingh此外，我通過你的問題que，你似乎不接受正確的答案，如果答案幫助你，比你應該接受他們通過點擊左側的答案除外。 –

Mahender Singh你能接受答案嗎？如果這是你正在尋找的？ Pleasssssse –

:after適用於生成內容。你想the adjacent sibling combinator：

#one + * { 

}

2014-02-17 07:53:16 Quentin

'*'將隱藏所有元素 –

如果你知道子元素的確切位置（如在你情況下，其第二個孩子），你可以使用第n個孩子僞類

div:nth-child(2) 
{ 
    display:none; 
}

2014-02-17 07:55:07

回答