html - ブレッドクラムアクティブリンクCSS

Question

これが私が取得しようとしているブレッドクラムのデザインですが、ホバーでどのように機能しているかのように、アロー効果でアクティブ化されたcssを取得する方法です

私のフィドル

Answer 1

その動作を実現するには、ラジオボタン（非表示にします）とラベルを使用する必要があります。「アクティブな」ものは:checkedラジオボタンになります。

これは機能し、CSS3だけです。

現在の構造を維持する必要がある場合は、JavaScriptを使用する必要があります。