html - ブレッドクラムテンプレートのcss最後の子

Question

CSS を使用してブレッドクラム テンプレートを作成しました。しかし、問題は、最後の子から矢印を削除できないことです (矢印がなくても簡単なはずです)。

また、最後の子だけにプレーンなアクティブ CSS が必要です。

ここに私のデモがあります http://jsfiddle.net/gDAq4/2/

Answer 1

最後の でのみ疑似要素を無効にすることができますli:

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

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

Answer 2

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