Html 选择嵌套的相邻图元

我的语法如下所示：

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

.parent .child + .parent .child {
/* Some pretty nice styles */
}

不幸的是，这段代码不起作用。纯CSS3是否有可能或仅在未来的版本4中提供？

.parent+.parent.child{ 背景色：红色； 高度：100px； 宽度：100px； } 所容纳之物 所容纳之物 所容纳之物

---

因为括号在css中不存在，所以它是

.parent.child+.parent.child

作为父级中的子级，紧跟在父级中的子级之后。因此，基本上您选择：

<div class = "parent">
    <div class = "child"></div>
    <div class = "parent">
        <div class = "child"></div>
    </div>
 </div>

---

正如前面的一位评论者所指出的，解决方案是在parent1和parent2之间交替选择，并选择带有.parent1+.parent2的div。

您的问题不清楚。添加更多细节。检查这些

子组合器

相邻兄弟组合子

一般兄弟组合子

你的css意味着什么

.parent .child + .parent .child {
/* Some pretty nice styles */
}

有孩子的父母，后面跟着另一个有孩子的父母。样式将应用于第二个父项和子项

例：

.parent.child+.parent.child{ 颜色：红色； } A. B A. B A. B A. B

---

这毫无意义。元素要么是同级元素，要么是嵌套元素——不能两者都是。你到底想在这里实现什么还不清楚。请阅读。为什么没有不同的类名呢？在CSS中没有办法上下转换，所以你不能编写一个规则，假设一个元素上存在子元素，然后尝试选择该子元素父元素的兄弟姐妹或兄弟姐妹的子元素。谢谢，我不知道一般兄弟姐妹组合器，我现在将尝试重构我的代码