2013-08-03 120 views
1

我可以使用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,因爲它應該是,因爲這是需求的方式。

+0

你不能選擇使用CSS – Ibu

+0

家長爲什麼不設置一個類的'li'?看起來你有能力將它添加到你的錨標籤類。 – hungerstar

+0

我無法控制html,它被其他用戶使用,這是所需的設計。 – Greeso

回答

0

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

+1

我要說的是:( – Greeso

+0

順便說一句,我知道它,因爲我最近也在尋找同樣的東西,也感到失望... –

+0

謝謝。我會嘗試找到另一種方式通過CSS,如果不是我可能不得不使用jQuery的。 – Greeso