Learn More About CSS Pseudo Selectors By Building A Balance Sheet - Step 11

Hello everyone,

I am a bit confused on this step as I am getting this message when i submit " Your third th element should have the class set to current ." However, when I change the class to ‘current’, it’s telling me I should set the class of all three to ‘sr-only year’?

Your code so far

<!-- 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">2019</span></th>
                <th><span class="sr-only year">2020</span></th>
                <th><span class="sr-only year">2021</span></th>
              </tr>
            </thead>

<!-- User Editable Region -->

            <tbody>
            </tbody>
          </table>
          <table>
          </table>
          <table>
          </table>
        </div>
      </section>
    </main>
  </body>
</html>
/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36

Challenge Information:

Learn More About CSS Pseudo Selectors By Building A Balance Sheet - Step 11

1 Like

Hello Coderostro!

Your code below is looking great.

The step below is a little tricky since you could be thinking it refers to the class attribute in the span element just created. The step in fact refers to another element, however.

Give your third th element the class attribute set to current.

Does this help?
Keep up the good progress!

Happy Coding! :slightly_smiling_face:

2 Likes

That does help a lot, thank you so much. (Always makes sense in hindsight)

3 Likes

Glad it helped. When I looked at it again it tripped me up too. :thinking: I got taken in by those span elements…

Keep up the good progress!

Happy Coding! :slightly_smiling_face:

2 Likes

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.