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>

divCSS はタグを通過しません。

解決する方法を進めてください、どうもありがとうございました。

質問

この状況で、CSS は子要素を見つけることができますか?

score 1 · Accepted Answer

OK、次のように > セレクターを使用します。

.a ul > ul {
    display:none;
}

セレクター X > Y は、タイプ X からタイプ Y の子を選択します。

お役に立てれば

ネイサン

score 1 · Accepted Answer

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

上記は、CSS を使用するすべての人がブックマークしておくべき優れたリソースです。

2 に答える 2