3

我可以在不使用 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>

请注意，有一个名为current的类，在上面的示例中，它位于第一页。这个当前类将被插入到当前页面的任何页面中（因此如果当前页面是第二页，则列表中的第二项将具有当前类。

现在仅使用 CSS（不使用 jQuery 或 JavaScript），如何选择具有当前类的子元素的列表元素？

请不要建议更改 HTML，因为它应该是这样的，因为这是要求。

4

2 回答 2

1

您基本上不能仅使用 CSS 来做到这一点，您将不得不使用 javascript，这可以在这个有很多投票的老问题中看到：是否有 CSS 父选择器？. （检查答案是关于 CSS 3 和 CSS 2）。

于 2013-08-03T22:31:01.973 回答
-1

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

于 2013-08-05T10:17:34.470 回答