# CSS básico - Aplica un estilo a múltiples elementos usando una clase CSS

**URL:** <https://forum.freecodecamp.org/t/css-basico-aplica-un-estilo-a-multiples-elementos-usando-una-clase-css/579131>\
**Category:** General\
**Tags:** español\
**Created:** [December 20, 2022, 10:04am UTC](https://forum.freecodecamp.org/t/css-basico-aplica-un-estilo-a-multiples-elementos-usando-una-clase-css/579131 "2022-12-20T10:04:54Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Kinge](https://avatars.discourse-cdn.com/v4/letter/k/5e9695/32.png) [@Kinge](https://forum.freecodecamp.org/u/Kinge)\
**Post date:** [December 20, 2022, 10:04am UTC](https://forum.freecodecamp.org/t/css-basico-aplica-un-estilo-a-multiples-elementos-usando-una-clase-css/579131/1 "2022-12-20T10:04:54Z")

</div>

**Cuéntanos qué está pasando:**  
Describe tu problema en detalle aquí.

**Tu código hasta el momento**

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

<h2 class="red-text">CatPhotoApp</h2>
<main>
  <p> <class="red-text">Click here to view more </p>

  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>

  <div>
    <p>Things cats love:</p>
    <ul>
      <li>cat nip</li>
      <li>laser pointers</li>
      <li>lasagna</li>
    </ul>
    <p>Top 3 things cats hate:</p>
    <ol>
      <li>flea treatment</li>
      <li>thunder</li>
      <li>other cats</li>
    </ol>
  </div>

  <form action="https://freecatphotoapp.com/submit-cat-photo">
    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
    <label><input type="checkbox" name="personality" checked> Loving</label>
    <label><input type="checkbox" name="personality"> Lazy</label>
    <label><input type="checkbox" name="personality"> Energetic</label><br>
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>
  </form>
</main>

```

**Información de tu navegador:**

El agente de usuario es: `Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36`

**Desafío:** CSS básico - Aplica un estilo a múltiples elementos usando una clase CSS

**Enlaza al desafío:**

> **[freeCodeCamp.org](https://www.freecodecamp.org/espanol/learn/responsive-web-design/basic-css/style-multiple-elements-with-a-css-class)**
>
> Aprende a programar, ¡GRATIS!

---

<div class="post-metadata">

**Author:** ![adammuhammadnu92](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/adammuhammadnu92/32/293003_2.png) [@adammuhammadnu92](https://forum.freecodecamp.org/u/adammuhammadnu92)\
**Post date:** [December 20, 2022, 10:28am UTC](https://forum.freecodecamp.org/t/css-basico-aplica-un-estilo-a-multiples-elementos-usando-una-clase-css/579131/2 "2022-12-20T10:28:49Z")

</div>

No tienes que abrir un nuevo soporte dentro del `p`. Le das una clase copiando la forma en que se hace para el elemento` h2` de arriba

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [January 7, 2025, 3:40pm UTC](https://forum.freecodecamp.org/t/css-basico-aplica-un-estilo-a-multiples-elementos-usando-una-clase-css/579131/3 "2025-01-07T15:40:48Z")

</div>

Closed on January 7, 2025, 3:40pm UTC