2013-08-03 97 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