CSS를 사용하여 요소의 부모 선택

CSS를 사용하여 jQuery 또는 JavaScript (순수 CSS)를 사용하지 않고 요소의 부모를 선택할 수 있습니까?CSS를 사용하여 요소의 부모 선택

여기

<nav> 
    <ul class='page-numbers'> 
     <li><span class='page-numbers current'>1</span></li> 
     <li><a class='page-numbers' href=/page/2/'>2</a></li> 
     <li><a class='page-numbers' href=/page/3/'>3</a></li> 
     <li><a class="next page-numbers" href="/page/2/">Next Page</a></li> 
    </ul> 
</nav>

현재라는 클래스가 있습니다 내 코드이며, 위의 예에서, 그것은 첫 번째 페이지에 있습니다. 이 현재 클래스는 현재 페이지가 두 번째 페이지 인 경우, 그래서 목록의 두 번째 항목이 현재 클래스가됩니다 (현재 페이지를 어떤 페이지에 삽입됩니다.

는 이제 CSS를 사용하여 (jQuery를 또는 JavaScript)를하지 않고, 어떻게 클래스 현재와 아이가 목록 요소를 선택할 수 있습니다?

그것은이 요구 사항이기 때문에이 방식으로해야하기 때문에 HTML을 변경하지 않는 것이 좋습니다하시기 바랍니다.

출처

2013-08-03 Greeso

그냥'li'에 클래스를 설정하지 왜 CSS를 – Ibu

와 부모를 선택할 수 없습니다 살펴 있었나요? 앵커 태그 클래스에 추가 할 수있는 것으로 보입니다. – hungerstar

나는 HTML에 대한 통제권이 없다. 다른 사용자들에 의해 사용되며 이것은 필요한 디자인이다. – Greeso