Question

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

是否可以获得＆＃34; prev-button＆＃34;元素＆＃34;产品＆＃34;在CSS中的元素？

我的意思是＆＃34; .prev-button！。产品＆＃34;例如。

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

Answer 1

您要求这样的CSS选择器：“Is there a CSS parent selector?”。

在.product处启动选择器，您无法提升DOM树以分别为父项或兄弟姐妹提供样式。您可以更改标记的结构以符合您的意愿，也可以使用JavaScript选择要修改的元素。

最接近的是，例如div.container:hover > div.product{color:red;}，它会在父母徘徊时改变孩子。

所以没有，CSS中没有“父亲的上一个兄弟”选择器。使用子选择器（>）或兄弟选择器（+）无法实现它。

Answer 2

如果你使用的是jQuery，那么你可能会得到这个

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

然后你可以在样式表

中为.prevButton定义css