选择具有某种类型子元素的父元素的最后一个元素的最佳方法是什么？

Question

我想选择在纯CSS中具有某种类型的子元素Y的父Z的最后一个元素？

如：http://jsfiddle.net/c26rt/6/

我希望能够选择灰色方块而不管我在纯CSS中可能拥有的数字div。

所以给出：

<div class="z">
    <div class="x"><div class="y"></div></div>
    <div class="x"><div class="y"></div></div>
    <div class="x"><div class="y"></div></div>  
    <div class="x"><div class="y"></div></div>
    <div class="x"><div class="y"></div></div>
    <div class="x"><div class="y"></div>selected</div>
    <div class="x"></div>
    <div class="x"></div>
    <div class="x"></div>
</div>

我希望上面最后一个div.y的背景颜色为灰色。

Answer 1

自there is no parent selector以来，您无法使用纯CSS执行此操作。即使您为所有.x个子元素添加了.y个子元素，您仍然无法选择这些元素中的最后一个元素，因为没有最后一个选择器。< / p>

您必须以编程方式查找包含.x的最后一个.y，以便为您在CSS中添加额外的类名称。