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

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

The test:

In your first tr, add a th element with the text Cash This is the cash we currently have on hand.. Wrap all of that text except Cash in a span element with the class set to description.

Following that, add three td elements with the following text (in order): $25, $30, $28. Give the third td element a class attribute set to current.

The hint:

Your first tr should have a th element.

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 class="current"><span class="sr-only year">2021</span></th>
                <th>Cash<span class="description"> This is the cash we currently have on hand.</span></th>
                <td>$25</td>
                <td>$30</td>
                <td class="current">$28</td>
              </tr>
            </thead>
            <tbody>
              <tr class="data">
              </tr>
              <tr class="data">
              </tr>
              <tr class="data">
              </tr>
              <tr class="total">
              </tr>
            </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/105.0.0.0 Safari/537.36

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

Link to the challenge:

2

Can you tell us what part of the instructions or hint has you stuck? We can read the instructions but we can’t read your thoughts.

It doesn’t look like you changed the correct tr element.

3

The test: In your first tr, add a th element with the text “Cash…”

The hint says: my first tr should have a th element.

In my first tr , I added a th element with the text “Cash…”

I dont understand why the hint is suggesting I didn’t add the th element in my first tr.

4

(post deleted by author)

5

Ahhh I see my mistake…
In Step 12, we add three new tr elements,
therefore when we’re told to add the th element with the text “Cash…” to the first tr , its referring to the first tr of the three new tr elements nested in tbody , not the actual first tr.

6

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