# Aprenda más sobre los pseudo selectores CSS construyendo un balance financiero - Paso 11

**URL:** <https://forum.freecodecamp.org/t/aprenda-mas-sobre-los-pseudo-selectores-css-construyendo-un-balance-financiero-paso-11/593020>\
**Category:** General\
**Tags:** español\
**Created:** [February 18, 2023, 8:36am UTC](https://forum.freecodecamp.org/t/aprenda-mas-sobre-los-pseudo-selectores-css-construyendo-un-balance-financiero-paso-11/593020 "2023-02-18T08:36:26Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![brianmonroig](https://avatars.discourse-cdn.com/v4/letter/b/dec6dc/32.png) [@brianmonroig](https://forum.freecodecamp.org/u/brianmonroig)\
**Post date:** [February 18, 2023, 8:36am UTC](https://forum.freecodecamp.org/t/aprenda-mas-sobre-los-pseudo-selectores-css-construyendo-un-balance-financiero-paso-11/593020/1 "2023-02-18T08:36:26Z")

</div>

**Cuéntanos qué está pasando:**  
Describe tu problema en detalle aquí.  
Me pide que le de una clase al span de sr-only year lo escribo pero no me lo acepta, que puede ser?  
**Tu código hasta el momento**

```html
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Balance Sheet</title>
    <link rel="stylesheet" href="./styles.css">
  </head>
  <body>
    <main>
      <section>
        <h1>
          <span class="flex">
            <span>AcmeWidgetCorp</span>
            <span>Balance Sheet</span>
          </span>
        </h1>
        <div id="years" aria-hidden="true">
          <span class="year">2019</span>
          <span class="year">2020</span>
          <span class="year">2021</span>
        </div>
        <div class="table-wrap">
          <table>
            <caption>Assets</caption>

<!-- User Editable Region -->

            <thead>
              <tr>
                <td></td>
                <th><span class="sr-only year"></th></span>
                <th><span class="sr-only year"></th></span>
                <th><span class="current"></th></span>
                
              </tr>
            </thead>

<!-- User Editable Region -->

            <tbody>
            </tbody>
          </table>
          <table>
          </table>
          <table>
          </table>
        </div>
      </section>
    </main>
  </body>
</html>

```

```css
/* file: styles.css */

```

**Información de tu navegador:**

El agente de usuario es: `Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/110.0.0.0 Safari/537.36`

**Desafío:** Aprenda más sobre los pseudo selectores CSS construyendo un balance financiero - Paso 11

**Enlaza al desafío:**

> **[freeCodeCamp.org](https://www.freecodecamp.org/espanol/learn/2022/responsive-web-design/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/step-11)**
>
> Aprende a programar, ¡GRATIS!

---

<div class="post-metadata">

**Author:** ![yunsuklee](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/yunsuklee/32/282521_2.png) [@yunsuklee](https://forum.freecodecamp.org/u/yunsuklee)\
**Post date:** [February 18, 2023, 12:13pm UTC](https://forum.freecodecamp.org/t/aprenda-mas-sobre-los-pseudo-selectores-css-construyendo-un-balance-financiero-paso-11/593020/2 "2023-02-18T12:13:26Z")

</div>

Te esta faltando agregarle texto a cada `<span></span>`.

> Dales el siguiente texto (en ese orden): `2019` , `2020` y `2021` .

Tenes mal anidados los `<th></th>` y los `<span></span>`. Los segundos deberian estar dentro de los primeros.

> [@brianmonroig](#):
>
> `<th><span class="sr-only year"></th></span>`

Todos los `<span></span>` deberian tener las mismas clases, mientras que, el ultimo `<th></th>` deberia tener la clase `.current`.

---

<div class="post-metadata">

**Author:** ![jpacheco.jls](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jpacheco.jls/32/329616_2.png) [@jpacheco.jls](https://forum.freecodecamp.org/u/jpacheco.jls)\
**Post date:** [November 2, 2023, 9:18pm UTC](https://forum.freecodecamp.org/t/aprenda-mas-sobre-los-pseudo-selectores-css-construyendo-un-balance-financiero-paso-11/593020/3 "2023-11-02T21:18:30Z")

</div>

> [@brianmonroig](#):
>
> ```auto
> <!-- User Editable Region -->
> 
> <thead>
> <tr>
> <td></td>
> <th>
> <span class="sr-only year">2019</span>
> </th>
> <th>
> <span class="sr-only year">2020</span>
> </th>
> <th class="current">
> <span class="sr-only year">2021</span>
> </th>
> </tr>
> </thead>
> 
> ```

La instrucción es; "al tercer elemento th, asígnale una clase “current”… ". Es decir, que a lo que debes asignarle la clase, es el elemento th y no al elemento span.  
Por otro lado, recuerda que entre mejor orden tengas en tu código, será más fácil su lectura y comprensión.

---

<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, 11:39am UTC](https://forum.freecodecamp.org/t/aprenda-mas-sobre-los-pseudo-selectores-css-construyendo-un-balance-financiero-paso-11/593020/4 "2025-01-07T11:39:57Z")

</div>


