css - 定位父选择器 css3

标签 css sass

<分区>

Possible Duplicate:
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,他有一个 active 类的子 anchor :

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

li! > a.active {

我有以下不起作用的 sass:

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

针对拥有某个类(class) child 的 parent 的正确方法是什么?

最佳答案

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

关于css - 定位父选择器 css3,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14670696/

上一篇:javascript - 实时向对话气泡添加文本

下一篇:css - Wordpress map 导致填充问题

相关文章:

css - 固定顶栏 + 100% 高度固定侧边栏?

asp.net - 每次加载 DIV 时执行代码隐藏方法(ASP、ascx、ascx.cs)

javascript - 使用 ExtractTextPlugin 将 SASS 转换为 CSS

css - 如何根据 request.domain 包含文件

javascript - 下拉菜单在导航栏内不起作用,但在外部有效

jquery - div的深色透明 mask

html - 网格元素在必要时占用尽可能多的空间

node.js - Angular 错误 : Node Sass version 6. 0.0 与 ^4.0.0 不兼容。 Angular

css - Sass/Scss @mixin 也用于元素的选择器

css - 在 less 和 scss 之间共享一个变量文件