Select adjacent elements which are nested - html

Question

My syntax looks like this:
<div class="parent">
<div class="child">content</div>
</div>
<div class="parent">
<div class="child">content</div>
</div>
<div class="parent">
<div class="child">content</div>
</div>
I want to style child elements which are siblings, like this:
.parent .child + .parent .child {
/* Some pretty nice styles */
}
Unfortunately this code not work. Does it possible with pure CSS3 or will be available only in future version 4?

Answer 1

Your question is unclear. Add more details. Check These Selectors
Child combinator
Adjacent sibling combinator
General sibling combinator
What your css means,
.parent .child + .parent .child {
/* Some pretty nice styles */
}
Parent with a child followed by another parent with a child. Style will apply to the 2nd parents child.
Ex:
.parent .child + .parent .child {
color: red;
}
<div class="parent">
a
<div class="child">
b
</div>
<div class="parent">
a
<div class="child">
b
</div>
</div>
</div>
<div class="parent">
a
<div class="child">
b
</div>
<div class="parent">
a
<div class="child">
b
</div>
</div>
</div>

Answer 2

Since parenthesis don't exist as such in css, it reads,
.parent .child + .parent .child
as "a child inside a parent immediately following a child inside a parent". So basically you're selecting :
<div class = "parent">
<div class = "child"></div>
<div class = "parent">
<div class = "child"></div>
</div>
</div>
As a previous commenter pointed out, a solution would be to alternate between parent1 and parent2 and select the divs with .parent1 + .parent2.

Answer 3

.parent + .parent .child{
background-color: red;
height: 100px;
width: 100px;
}
<div class="parent">
<div class="child">content</div>
</div>
<div class="parent">
<div class="child">content</div>
</div>
<div class="parent">
<div class="child">content</div>
</div>
This may work. Is that what you want? But it styles childs considering if the parents are following each other. So it doesn't really care about children.
If you really want to select only based on children you may consider a jquery solution (you didn't tag as jquery so...)