CSS选择孩子，需要绕过吗？答案

【问题标题】：CSS selecting children, need bypass?CSS选择孩子，需要绕过吗？
【发布时间】：2013-01-14 05:30:06
【问题描述】：

我不知道如何解决请帮忙。

我有一个 css 属性适用于第一个 ul 之后的所有内容

 .a ul ul {
    display:none;
}

如果 html 在下面，则 css 可以正常工作。

<section class="a">
    <ul>
      <li>  
        <ul> </ul>
      </li>
    </ul>
</section>

但是，如果 html 是

<section class="a">
  <ul>
    <li> <div> </div> 
      <ul> </ul>
    </li>
  </ul>
</section>

css 不会通过div 标签。

请高手指点解决方法，万分感谢。

问题

这种情况下 CSS 能找到子元素吗？

【问题讨论】：

【解决方案1】：

好的，你想像这样使用 > 选择器：

.a ul > ul {
    display:none;
}

选择器 X > Y 从 X 类型中选择 Y 类型的孩子

希望对你有帮助

内森

【讨论】：

【解决方案2】：

如果您真的希望它“在第一个之后全部隐藏”，那么您可以使用 here (30 CSS selectors you must memorize) 中的 #26 之类的 css 伪类

.a ul {display:none;}
.a ul:first-child {display:block;}

以上是一个很棒的资源，应该为所有使用 CSS 的人添加书签。

【讨论】：