定位父选择器css3

时间:2013-02-03 08:25:42

标签: css3 sass

  

可能重复:
  Complex CSS selector for parent of active child

我有以下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 {

我有以下sass无效:

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

将具有特定类的孩子的父母定位的正确方法是什么?

1 个答案:

答案 0 :(得分:0)

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