Step 56 CSS Pseudo Selectors

Tell us what’s happening:
Hello I am stuck not sure what I am doing wrong. The hint says: " You should have a tr.total td selector", which is what I am sure I have.

The instructions are:
Step 56
The key difference between tr[class="total"] and tr.total is that the first will select tr elements where the only class is total. The second will select tr elements where the class includes total.

In your case, tr.total will work. You can use this selector to target all td elements within your .total rows. Align the text to the right, and give them a padding of 0 0.25rem.

Your code so far

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

tr.total td{
text-align: right;
padding: 0 0.25rem;
}

Your browser information:

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

Challenge: Step 56

Link to the challenge:

What error is it giving you when you check your code?

We can’t see your CSS. To display your code in here you need to wrap it in triple back ticks. On a line by itself type three back ticks. Then on the first line below the three back ticks paste in your code. Then below your code on a new line type three more back ticks. The back tick on my keyboard is in the upper left just above the Tab key and below the Esc key.

P.S. It’s almost always better to paste your code in here instead of giving us a pic of your code.

Edited, will remember to display code properly in future.

One thing I notice in your pic is that your CSS starts on line 111 while if I restart the step I start at line 113. Is there a chance you accidentally deleted something above that is causing the CSS to not be parsed correctly? Because when I typed in your CSS it passed for me. Plus, those red squiggly lines are a big tip off that you have a syntax error before your CSS.

1 Like

Thank you it worked, did not realize I was missing a closing bracket above.