兄弟要素はすべて同じではありません

動画では、隣接兄弟結合子と一般兄弟結合子（+ と ~）を学びました。

次のHTMLコードには、2つの見出しのあとにいくつかのcodeタグとspanタグがあります。

<html> 
<body> 
  <h2 class = 'first'>First example:</h2>
  <code>some = code(2)</code>
  <span>will compile to...</span>
  <code>some = more_code()</code>
  <h2 class = 'second'>Second example:</h2>
  <code>another = code(3)</code>
  <span>will compile to...</span>
  <code>another = more_code()</code>
</body> 
</html>

ここでは、2つのコード例は入れ子構造になっていない点に注意してください。明らかな違いは、各コード例の直前にあるh2要素のクラスだけです。

このHTMLはすでに読み込まれており、code_html 変数として利用できます。

1
- 2つ目の例のh2の直後にある最初のcodeタグを選択します。
- このために、適切な兄弟結合子を使ってhtml_elements()を用いてください。

2
- つぎに、2つ目の例のh2の後に続く「すべて」のcode要素を選択します。
- 今回は別の種類の兄弟結合子を使ってください。