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

Tell us what’s happening:
Guys I’m stack on this step.
Hint says:
Your third th element should have the class set to current .

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
    <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">
          <span class="flex">
            <span>Balance Sheet</span>
        <div id="years" aria-hidden="true">
          <span class="year">2019</span>
          <span class="year">2020</span>
          <span class="year">2021</span>
        <div class="table-wrap">
                <th><span class="sr-only year">2019</span></th>
                <th><span class="sr-only year">2020</span></th>
                <th><span class="sr-only year current">2021</span></th>
/* 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/ Safari/537.36

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

Link to the challenge:

Hi @nem,
Read this portion of the instructions again:

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

Now ask yourself: Which tag did I assign the class current to?

I hope this helps.


1 Like

HI @nem,
If you could please check my original reply off as the answer.
This way others will know if they run into same issue you had.


Thank you for the help. I’ve clicked the solution button.

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