Herausforderung Beim Importieren einer Google-Schriftart tritt ein Problem auf.
User Agent ist: 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
.
Bitte beschreiben Sie, wie dieses Problem reproduziert werden kann, und fügen Sie nach Möglichkeit Links zu Screenshots hinzu.
Die Anweisungen und Tests für diese Herausforderung besagen, dass Sie die Lobster-Schriftart auf das h2-Element anwenden sollten, die p-Elemente jedoch mit Monospace belassen sollten.
Das bedeutet also, dass die richtige Lösung darin besteht, einen Selektor zu erstellen, der nur auf die h2-Elemente abzielt:
<style>
.red-text {
color: red;
}
p {
font-size: 16px;
font-family: Monospace;
}
h2 {
font-family: Lobster;
}
</style>
Dieser Code wird jedoch übergeben, obwohl auch die Schriftart der p-Elemente in Lobster geändert wird.
<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>
Sollten wir die Tests so modifizieren, dass es einen separaten H2-Selektor geben muss?
Bestätigt.
Beeindruckend! Dies gilt auch für die nächste Herausforderung: wie sich Schriftarten verschlechtern sollen
Guter Fang. Danke @ Margaret2 @ Manish-Giri und @marhyorh.
Ist jemand bereit, die Tests für beide Herausforderungen zu reparieren?
Ich werde eine Pause einlegen. Es ist schon eine Weile her, seit ich einen Beitrag geleistet habe.
Hilfreichster Kommentar
Ich werde eine Pause einlegen. Es ist schon eine Weile her, seit ich einen Beitrag geleistet habe.