css最后一个孩子在面包屑模板中 [英] css last child in breadcrumb template

问题描述

我通过使用CSS完成了一个面包屑模板。但问题是，我无法从最后一个孩子中删除箭头（它应该很简单，没有箭头）。

I have done a breadcrumb template by using CSS. But the problem is, I am not able to remove the arrow (It should be simple without an arrow) from the last child.

我也需要纯粹的活动css

I also need plain active css only for the last child.

这是我的演示
http://jsfiddle.net/gDAq4/2/

推荐答案

您可以禁用伪元素只有最后一个 li ：

You can disable the pseudo-elements on only the last li:

#vert_menu li:last-child a::after,
#vert_menu li:last-child a::before {
    content: none;
}

http://jsfiddle.net/thirtydot/gDAq4/5/

这篇关于css最后一个孩子在面包屑模板中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！