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/

使用CSS选择元素的父级

2 个答案: