返される要素はいくつですか？

次の（不必要に複雑な）HTMLを見てください。

<html>
  <body>
    <div class="first section">
      Some text with a <a href="#">link</a>.
    </div>
    <div class="second section">
      Some text with <a href="#">another link</a>.
      <div class="first paragraph">Some text.</div>
      <div class="second paragraph">Some more text.
        <div>...</div>
      </div>
    </div>
  </body>
</html>

このとき、（不必要に冗長な）セレクタ .first + .second > div, div.second.paragraph > div で返されるHTML要素ノードはいくつでしょうか？

ここでの目的は、より複雑なセレクタを扱えるようになることです。次の演習と合わせて、これらのセレクタをできるだけシンプルでエlegantにする方法を学びます。右側のコンソールにHTMLをコピー＆ペーストして、読み込んでみましょう。

選択肢

0個。

2個。

3個。

1個。

.css-6su6fj{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}演習

指示

選択肢

演習