使用CSS選擇元素的父代

Question

我可以使用CSS選擇元素的父代而不使用jQuery或JavaScript（純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，因爲它應該是，因爲這是需求的方式。

Answer 1

你基本上不能用CSS來完成它，你將不得不使用JavaScript，正如在這個舊的有很多投票的問題：Is there a CSS parent selector?。 （檢查答案是關於CSS 3以及CSS 2）。

Answer 2

你看看網址http://css-tricks.com/parent-selectors-in-css/