css - 特定のクラスを持つ「a」の親である「li」のみをターゲットにします

Question

重複の可能性:
CSS 親セレクターはありますか?

<ul class="page-numbers">
    <li><a href="/blog/page/1/" class="prev page-numbers">«</a></li>
    <li><a href="/blog/page/1/" class="page-numbers">1</a></li>
    <li><span class="page-numbers current">2</span></li>
    <li><a href="/blog/page/3/" class="page-numbers">3</a></li>
    <li><a href="/blog/page/4/" class="page-numbers">4</a></li>
</ul>

liの親であるのみをターゲットにする方法はありa.prevますか? first-child最初のページにいるときに表示されないため、使用できませa.prevん。これについて何か助けていただければ幸いです。ありがとうございました。

Answer 1

CSSのみではありません。CSSには親セレクターはありません。ただし、 javascript / jQueryに飛び込むことができる/したい場合は、次のようにすることができます。

$('.page-numbers a').closest('li').css({
    'height': '18px',
    'background': '#ccc'
});