面包屑活动链接css

【问题标题】：Breadcrumb active link css面包屑活动链接css
【发布时间】：2012-07-22 19:53:27
【问题描述】：

这是我想要获得的面包屑设计，但是如何获得带有箭头效果的激活 css，就像它如何用于悬停一样

【问题讨论】：

虽然这个问题已经有一个公认的答案，但请参阅我之前的SO Answer 以及您寻求的解决方案（完成 2 个不同的 jsFiddles）。请注意，悬停在箭头尾部将针对同一个箭头，而不是前一个。干杯！
提醒：当“这个答案很有用”对你来说是真的时，请为任何答案投票。您接受的答案缺少您的支持。干杯！

【解决方案1】：

您需要使用单选按钮（您将隐藏）和标签才能实现该行为。 “活动”的将是:checked 单选按钮。

This 有效，它只是 CSS3。

如果您需要保持当前结构，则需要使用 JavaScript。

【讨论】：

我需要解决我现有的问题，而不是尝试任何东西。对不起
很酷，但最后一项我不需要箭头。有什么办法吗？
你的意思是这样的吗？ jsfiddle.net/uqTyA/6 这是通过将background-color 和border-left-color 都设置为#afab9d 来完成#vert_menu li:last-child label::after
+1 使用单选按钮检测哪个被选中的绝佳答案。