jquery - jQueryでクラスを選択する

Question

私は codeschool.com で jQuery を学んでいますが、1 つの問題に悩まされました。単一の jQuery エントリ内で複数の html 要素を選択する方法を学習しています。使用される html コードは次のとおりです。ここでは、アジア クラスの要素と販売クラスの要素を選択することになっています。

正解は $(".asian, .sale") です

私の質問は、「.sale」がどのようにしてクラスの名前になったのですか? 以下の html を見ると、"class=sale" を持つ要素はなく、class = "europe sale" を持つ要素があるだけであることがわかります。なぜ jQuery は ".sale" ではなく ".sale" を呼び出しているのですか。ヨーロッパセール」？

<div id="tours-wrapper">
  <h1>Guided Tours</h1>
  <ul id="tours">
    <li class="america">
      <h2>New York, New York</h2>
      <span class="details">$1,899 for 7 nights</span>
      <ul class="vote"><li><a href="#">↑&lt;/a></li><li><a href="#">↓&lt;/a></li></ul>
    </li>
    <li class="europe sale">
      <h2>Paris, France</h2>
      <span class="details">$2,499 for 7 nights</span>
      <ul class="vote"><li><a href="#">↑&lt;/a></li><li><a href="#">↓&lt;/a></li></ul>
    </li>
    <li class="europe">
      <h2>Madrid, Spain</h2>
      <span class="details">$1,577 for 5 nights</span>
      <ul class="vote"><li><a href="#">↑&lt;/a></li><li><a href="#">↓&lt;/a></li></ul>
    </li>
    <li class="asia">
      <h2>Tokyo, Japan</h2>
      <span class="details">$1,999 for 5 nights</span>
      <ul class="vote"><li><a href="#">↑&lt;/a></li><li><a href="#">↓&lt;/a></li></ul>
    </li>
  </ul>

  <ul class="sorting">
    <li><a href="#">America</a></li>
    <li><a href="#">Europe</a></li>
    <li><a href="#">Asia</a></li>
  </ul>
</div>