嵌套div CSS选择器

时间:2015-04-09 01:24:09

标签: css

我有像这样的DOM

<div class="outer">
  <div class="inner">
  </div>
</div>

和相应的CSS就像

.outer {
   width: 700px;
}

inner可以typeAtypeB .....

后来我发现我想在特定outer出现时放大typeX,但

.outer .typeX {
   width: 90%;
}

将样式width: 90%应用于.typeX div而非.outer div。我该如何解决这个问题?在纯CSS中有可能吗? (假设.outer是固定的,因为它是由其他库生成的)

1 个答案:

答案 0 :(得分:2)

不幸的是,您正在寻找的是父选择器which does not yet exist in CSS.

也许有一天(例如,在Selectors Level 4中)。