定位父选择器 css3



可能的重复项:
活动子项的父项的复杂 CSS 选择器

我有以下html:

<ul>
  <li><href ="#">One</a></li>
  <li><href ="#" class="active">Two</a></li>
  <li><href ="#">Three</a></li>
</ul>

我想定位一个具有活动类的子锚点的 li:

我相信这样的东西可以在 css4 中工作:

li! > a.active {

我有以下不起作用的屁股:

ul{
  li{
    a.active &{
      //whatever
    }
  }
} 

定位有某个班级的孩子的父母的正确方法是什么?

由于在

当前的CSS中没有办法做到这一点,像SASS和LESS这样的编译器只能做这么多。如果您还没有看过 Dan 在 CSS 中关于父选择器的回答,请阅读 https://stackoverflow.com/a/1014958/1947535 的(尽管您可能已经给出了 CSS4 规范片段)

最新更新