css - 如何将样式设置为父元素

Question

可能重复：
活动孩子的父母的复杂 CSS 选择器

如何<li>在子元素的类中设置我的样式？

例子：

<div class"options">
<ul>
   <li> <a href="#"> option 1 </a> </li>
   <li> <a href="#"> option 2 </a> </li>
   <li> <a class="last" href="#"> option 3 </a> </li>

   <li> <a href="#"> option 4 </a> </li>
   <li> <a href="#"> option 5 </a> </li>
   <li> <a class="last" href="#"> option 6 </a> </li>

   <li> <a href="#"> option 7 </a> </li>
   <li> <a href="#"> option 8 </a> </li>
   <li> <a class="last" href="#"> option 9 </a> </li>
</ul>
</div>

我可以a用.options li a.last { ... }

但是我想要的是申请margin:0给父母li，我无法控制里面的内容<li>，只能控制里面的内容<a>。

有什么风格技巧吗？

---

我要完成的工作：

我有一个 jQuery 循环将.last类添加到每 3<li>个

$(".box-left li").each(function (i) {
    if ((i+1) % 3 == 0) 
        $(this).addClass("last");
});

但我想了解是否还有其他不涉及 javascript 帮助器的方法。

Answer 1

可悲的是，这不能用 CSS 完成，我能提供给你的最好的是 jQuery 和它的:has选择器。

a或者，在标签而不是标签上制作所有边距/填充li。这将涉及一些洗牌，但会达到你所需要的

Answer 2

不幸的是，目前没有办法在 CSS 中选择父元素。

这个问题已经被问过多次，这个答案似乎总结得很好。

Answer 3

不可能选择子元素的父元素。可能这对你有帮助指定 li{line-height:20px;} li a{display:block;}