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

Tell us what’s happening:
Describe your issue in detail here.
It says to nest span in each th, each span should have a class attribute to sr-only year, but on the third one they want it to be current with the years as text 2019 2020 2021
and when I check my code it says that I should have sr-only year as the attribute for all three, then when I change the current one to sr-only year. It says that the third should be current. I know Im correct but its says I’m wrong, bull crap
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="current">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/116.0.0.0 Safari/537.36

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

Link to the challenge:

1 Like

Hope can be good most of html can be ok and should be correct not want to give answer can help
made span elements 3 thats good me tried the html and can understand headache
in 11 it puts make 3 spans
put class attributes with sr-only year
person can be confused becuase seems current is for span read 11 again put your current in other element th number 3 not span can be extra class attribute needed if read 11 found fix thank you take care gn gm fren

the span has the class=“sr-only year”. All three of them.
And then, the third th element, has de class=“current”.
The third th element may be tricky, because it seems like the ‘current’ class it’s in the span element. But the ‘current’ class is in the TH element.

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