3

私は<div>いくつかの を持っており、そのうちのいくつかは次のように持っていますclass: hidden:

<div id="firstDiv" class="hidden">content</div>
<div id="secondDiv">content</div>

<div>を持たない最初のものを選択したいのはわかっていますclass: hidden。CSS私はこれまでのところ:でこれを試していましdiv:not(.hidden):first-childたが、うまくいきません。

セレクターを正しく記述するにはどうすればよいですか?

4

2 に答える 2

8

このようなものを使用できます

html

<div id="firstDiv" class="hidden">content</div>
<div id="secondDiv">content</div> <!-- only this one will be selected -->
<div id="thirdDiv">content</div>

CSS

div:not(.hidden)
{
    background-color: red;
}
div:not(.hidden) ~ div:not(.hidden)
{
    background-color: white; /*reset everything to normal*/
}
于 2013-10-01T12:38:16.423 に答える
0

次の兄弟セレクター+を使用すると、非表示の div の後に、非表示ではない最初の div を常に見つけるようなものを作成できます。

div.hidden + div:not(.hidden) 
{
    background-color: #ff0;
}

http://jsfiddle.net/mbFFQ/

于 2013-10-01T12:37:43.567 に答える