让兄弟姐妹的孩子选选民？

Question

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

CSS中的“产品”元素有可能得到“prev-按钮”元素吗？

例如，我的意思是“..prev按钮！.product”。

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

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。

这是http://jsfiddle.net/49Jpt/4/的一种可能性