Css 如何将样式设置为父元素

可能重复：

如何在子元素的类中设置我的

的样式

例如：

<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>

---

但是我想知道是否有其他方法不需要javascript助手。

这不能用CSS来完成，遗憾的是，我能提供给你的最好的方法是jQuery及其选择器

---

或者，在

a

标签而不是

li

标签上制作所有边距/填充。这将涉及一些洗牌，但将实现您需要的功能

不幸的是，目前无法在CSS中选择父元素

---

这个问题已经被问了很多次，并且似乎总结得很好。

不可能选择子元素的父元素。 也许这对你有帮助 指定 li{线高：20px；}

---

li a{display:block；}

你想把

margin:0

应用到

a

的父级

li

上吗？Robbie虽然它可以有相同的答案，但问题是非常不同的，可能会帮助其他人在这里找到的不是“复杂的css选择器”，而是更常用的“在父元素上设置样式”。。。对于这样的问题，并且同意这类问题，它不应该是封闭的。但这肯定是语义学吗？谷歌搜索一下就能解决问题吗？（哪一个正是你的报价）？

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