Freecodecamp: Solusi yang Salah Lulus Tes

Tantangan Impor Font Google mengalami masalah.
Agen Pengguna adalah: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/54.0.2840.100 Safari/537.36 Vivaldi/1.5.658.44 .
Harap jelaskan cara mereproduksi masalah ini, dan sertakan tautan ke tangkapan layar jika memungkinkan.

Instruksi dan pengujian untuk tantangan ini mengatakan bahwa Anda harus menerapkan font Lobster ke elemen h2, tetapi membiarkan elemen p menggunakan Monospace.

Jadi itu menyiratkan bahwa solusi yang benar adalah membuat selektor yang hanya akan menargetkan elemen h2:

<style>
  .red-text {
    color: red;
  }

  p {
    font-size: 16px;
    font-family: Monospace;
  }

h2 {
    font-family: Lobster;
}
</style>

Namun, kode ini lolos meskipun itu juga mengubah font elemen p menjadi Lobster.

<style>
  .red-text {
    color: red;
    font-family: Lobster, Monospace;
  }

  p {
    font-size: 16px;
    font-family: Monospace;
  }
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

Haruskah kita memodifikasi pengujian sehingga harus ada pemilih h2 yang terpisah?