html - CSS选择孩子，需要绕过吗？

Question

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

在第一个 ul 之后，我有一个适用于所有人的 css 属性

 .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 是否能够在这种情况下找到子元素？

score 1 · Accepted Answer

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

.a ul > ul {
    display:none;
}

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

希望这可以帮助

弥敦道

score 1 · Accepted Answer

如果你真的希望它“在第一个之后全部隐藏”，那么你可以使用像 #26 这样的 CSS 伪类（你必须记住 30 个 CSS 选择器）

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

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

2 回答 2