about、faq、tos の nav-pills > li にアクティブクラスを設定する

nav-pills(About、FAQ、TOS など)の active クラスの設定に小さなバグがあるようです。子リンク <a /> には正しく active クラスが設定されていますが、要素に 2 回追加され、親 <li /> には付与されていません。

li に 2 番目の active クラスを追加することで、私のテーマのスタイリングの問題が解決します。

nav-pills の LI 要素に「active」クラスをサポートしたかどうかは確信がありません。これは有用そうなので、テーマ向けにこのサポートを追加することに反対ではありません。ただし、多くのリファクタリングが必要になるでしょう。

@techAPJ 君がこれを移動させたと思うが、「active」クラスを追加した理由はあるのか?これは誤りのように思えるが?

ルートに基づいて LI に「active」クラスを追加するというより大きな議論については、@eviltrout@awesomerobot に任せることにする。現時点では「link-to」を使用しており、これにより A 要素に対してのみルートベースのクラスの自動サポートが提供されている。ここにはおそらく新しいコンポーネントが必要になるだろう。

かつて、すべての nav-pills にある一部の li 要素にアクティブな状態を適用しており、他の場所では a 要素に active クラスを付与していました…

私の記憶では、一貫性を高めるために、すべての a 要素に active クラスを移動させました。li 要素に付与することも全く問題ありませんが、@sam の指摘の通り、すべての li に単純な方法で付与できなかったため、a 要素に付与することを選びました…

CSS で、a の親 (li) を選択する方法はありますか?子要素に基づいて親をスタイル設定する方法が見つかりませんでした。

トピックリストの li には active クラスが付けられているので、これはユーザーナビゲーションで見落とされた意図だったのかもしれません。

いいえ、CSS には親セレクタは存在しません。上記のように、ご希望の機能を実現するには新しいコンポーネントを実装する必要があります。

OK、ありがとうございます @awesomerobot