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

HTML-CSS
1

Tell us what’s happening: going back and forth. it says to change to current then sr-only year and then back again. like a merry go-round - error - Your third th element should have the class set to current .
Describe your issue in detail here.

  **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>
          <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>
          <tbody>
          </tbody>
        </table>
        <table>
        </table>
        <table>
        </table>
      </div>
    </section>
  </main>
</body>
</html>

/* file: styles.css */


  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36

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

Link to the challenge:

2

You’ve done everything right so far. You just forgot about this:

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

Start counting the th’s and when you get to the third one add the “current” class to it. Just to clarify, you are adding it to the th element itself, not the span inside of the th.

1 Like
3

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