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'
});