Как выделить средний div?

Question

[nen0y]

Создано три идентичных div`a. Они построены в ряд. В каждом из них есть по три картинки.
Как сделать что бы отображался только второй div ?

Answer 1

[Константин Земляков]

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

Comments

[nen0y]

у меня .content();
в нем еще три .slide();
.content {
display: none;
}
content:nth-child(2) {
display: block;
}
Не отображает ничего

[Константин Земляков]

nen0y: вот такой хтмл :
<див class="content">
<див class="slide">див>
<див class="slide">див>
<див class="slide">див>
див>
(див=div, так как в коментах не работает хтмл)
вот такой css:
.slide {
background-color: red;
width: 100px;
height: 100px;
margin-bottom: 50px;
display: none;
}

.slide:nth-child(2) {
display: block;
}

Answer 2

[nofuture trustnoone]

Если их всегда будет 3, то есть селектор :nth-child(number)
Это задается к родителю, и этот селектор выберет дочерний див с номером указаным в скобках.

Answer 3

[Alexander Pushkarev]

Как-то так codepen.io/AXP/pen/YNJveL