Html 按同级获取选择器'；谁的孩子？

是否可以在CSS中按“产品”元素获取“prev button”元素

我的意思是像“.prev button！.product”这样的东西

---

虽然这样做似乎很疯狂，但这是可能的，不是吗？

您要求的CSS选择器是这样的：“

从

.product

启动选择器时，无法提升DOM树以分别为父级或同级提供样式。您可以更改标记的结构以符合您的愿望，也可以使用JavaScript选择要修改的元素

最接近这一点的是，例如，

div.container:hover>div.product{color:red；}

，当父对象悬停时，它会改变子对象

---

因此，CSS中没有“父的上一个兄弟”选择器。使用子选择器（

）或同级选择器（

++

）无法实现此功能。

如果使用jQuery，则可能会得到此功能

<div class="prev-button"></div>
<div class="container">
    <div class="product"></div>
</div>

然后可以在样式表中为.prevButton定义css

---

这是一种可能性

在CSS中是不可能的，CSS中没有父选择器，这就是为什么它被称为级联样式，因为它的选择器级联到子选择器elements@Mahan：这不是级联的意思，但是的，没有父选择器。这听起来很吓人+++@BoltClock-ahahaha请纠正我。。thanks@InOrderToLive实际上它确实存在，但是浏览器还不支持CSS4标准，所以如果你愿意等待，你迟早会得到：）

$('.product').parent().siblings('.prev-button').addClass('prevButton');