about, faqs, tos의 nav-pills > li에 active 클래스 설정

about, faqs, tos 등의 nav-pills에 active 클래스를 설정하는 데 작은 버그가 있는 것 같습니다. active 클래스는 자식 링크 <a />에는 올바르게 설정되고 있지만, 해당 요소에 두 번 추가되고 있으며 부모 요소 <li />에는 적용되지 않고 있습니다.

li에 두 번째 active 클래스를 추가하면 제 테마에서 스타일링 문제가 해결됩니다.

nav-pills의 LI 요소에 “active” 클래스를 지원한 적이 있는지 확실하지 않습니다. 테마에 이 지원을 추가하는 데 반대하지는 않습니다. 유용할 수 있기 때문입니다. 다만, 리팩토링이 필요한 부분이 많을 것입니다.

@techAPJ 이 부분을 옮기신 것 같은데, 이 “active” 클래스가 있는 특별한 이유가 있을까요? 오타인 것 같은데요?

루트에 기반하여 LI에 “active” 클래스를 추가하는 더 큰 논쟁에 대해서는 @eviltrout 과 @awesomerobot 에게 맡기겠습니다. 현재 우리는 "link-to"를 사용하는데, 이는 A 요소에 대해서만 루트 기반 클래스의 자동 지원을 제공합니다. 아마도 여기에는 새로운 컴포넌트가 필요할 것입니다.

어느 시점에는 모든 nav-pills에서 일부 li 요소에 active 상태가 있었고, 다른 몇몇 곳에서는 a 요소에 active가 적용되어 있었습니다.

기억이 맞다면, 일관성을 높이기 위해 모든 곳에서 active 클래스를 a로 옮겼습니다. 대신 li에 적용하는 것도 전혀 문제가 없지만, @sam의 의견이 맞다고 생각했고, 모든 li에 일괄 적용할 간단한 방법이 없어서 a에 적용하는 방향으로 갔습니다…

CSS로 a의 부모 요소인 li를 선택하는 방법이 있나요? 자식 요소에 기반하여 부모 요소의 스타일을 설정하는 방법을 찾지 못했습니다.

토픽 목록의 li에 active 클래스가 지정되어 있어서, 사용자 내비게이션에서 의도적으로 그렇게 한 것 같지만 놓친 부분이 있는 것 같습니다.

아니요, CSS에는 부모 선택자가 없습니다. 위에서 언급했듯이 원하는 결과를 얻으려면 새로운 컴포넌트를 구현해야 합니다.

네, 감사합니다 @awesomerobot!