Question

我试图给最后一个孩子UL

中的最后一个孩子李边界

.products-grid.columns7 ul:last-child li.item.boxed:last-child { border-left: #d9d9d9 1px solid; }

似乎不起作用。

做的：

.products-grid.columns7 li.item.boxed:last-child { border-left: #d9d9d9 1px solid; }

是否有效，但它会选择所有最后一个

Answer 1

由于.products-grid.columns7 li.item.boxed:last-child正如您所说，我的最佳猜测是ul 不是其父级的最后一个孩子。

因此ul:last-child与最后一个ul不匹配。

请尝试使用ul:last-of-type：

.products-grid.columns7 ul:last-of-type li.item.boxed:last-child {
    border-left: #d9d9d9 1px solid;
}

<强> 6.6.5.9. :last-of-type pseudo-class

:last-of-type伪类表示最后一个元素   其类型的兄弟在其父元素的子元素列表中。

Answer 2

假设这是列表中的列表，您可以执行此操作。

ul>li:last-child>ul>li:last-child {
color:red;
}

请参阅此处的示例：http://jsfiddle.net/0rfo90x7/

Answer 3

这是一个有点修改过的CSS ...

CSS

<style>
    .products-grid.columns7 ul:last-of-type li.item.boxed:last-child {
        border-left: red 20px solid;
        display: block;/* or inline-block*/
    }
</style>

选择最后一个孩子的最后一个孩子

3 个答案: