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というクラスがあり、上記の例では最初のページにあることに注意してください。この現在のクラスは、現在のページであるすべてのページに挿入されます (したがって、現在のページが 2 ページ目の場合、リストの 2 番目の項目が現在のクラスになります。
CSS のみ (jQuery または JavaScript なし) を使用して、現在のクラスを持つ子を持つリスト要素を選択するにはどうすればよいですか?
HTML を変更することは提案しないでください。これは要件であるため、そのままにしておく必要があります。