CSS选择孩子，需要绕过？

Question

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

我有一个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能否在这种情况下找到子元素？

Answer 1

好的，你想使用＆gt;像这样的选择器：

.a ul > ul {
    display:none;
}

选择器X＆gt; Y从类型X

中选择Y类型的子项

http://www.w3schools.com/cssref/css_selectors.asp

希望这有帮助

森

Answer 2

如果你真的希望它“全部隐藏在第一个之后”那么你会使用像here (30 CSS selectors you must memorize)中的＃26那样的css伪类

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

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