<sectionid="description"> Las clases le permiten usar los mismos estilos CSS en varios elementos HTML. Puedes ver esto aplicando tu clase de <code>red-text</code> al primer elemento <code>p</code> . </section>
- text: Tu elemento <code>h2</code> debe ser rojo.
testString: 'assert($("h2").css("color") === "rgb(255, 0, 0)", "Your <code>h2</code> element should be red.");'
- text: Tu elemento <code>h2</code> debe tener la clase <code>red-text</code> .
testString: 'assert($("h2").hasClass("red-text"), "Your <code>h2</code> element should have the class <code>red-text</code>.");'
- text: Tu primer elemento <code>p</code> debe ser rojo.
testString: 'assert($("p:eq(0)").css("color") === "rgb(255, 0, 0)", "Your first <code>p</code> element should be red.");'
- text: Su segundo y tercer <code>p</code> elementos no deben ser rojos.
testString: 'assert(!($("p:eq(1)").css("color") === "rgb(255, 0, 0)") && !($("p:eq(2)").css("color") === "rgb(255, 0, 0)"), "Your second and third <code>p</code> elements should not be red.");'
- text: Tu primer elemento <code>p</code> debería tener la clase <code>red-text</code> .
testString: 'assert($("p:eq(0)").hasClass("red-text"), "Your first <code>p</code> element should have the class <code>red-text</code>.");'
```
</section>
## Challenge Seed
<sectionid='challengeSeed'>
<divid='html-seed'>
```html
<style>
.red-text {
color: red;
}
</style>
<h2class="red-text">CatPhotoApp</h2>
<main>
<p>Click here to view more <ahref="#">cat photos</a>.</p>
<ahref="#"><imgsrc="https://bit.ly/fcc-relaxing-cat"alt="A cute orange cat lying on its back."></a>