Structural Pseudo-classes in Advanced Selectors

Question

Help needed for task 4 of quiz please "Create a new rule that selects the last 3 list items only. Set the font size to 30px."

My code

li:nth-last-child(-n+3) {
    font:30px;
}

I would be grateful for any help. Started these tutorials yesterday and have loved them

Cheers Stumped

Answer 1 · 2013-01-09T19:44:10Z

January 9, 2013 7:44pm

@Dave - li:nth-last-child(-n+3) is correct. However, the font size value should be font-size: 30px –– you had font: 30px.

li:nth-child(n+5) also works, but if more list items are added, it changes things. That's why using li:nth-last-child is more efficient.

Answer 2 · 2013-01-09T16:14:52Z

January 9, 2013 4:14pm

Experiment with different combinations and it shows you what is selected.

Answer 3 · 2013-01-09T17:35:40Z

January 9, 2013 5:35pm

A great tool to double check your selector is SelectORacle it will explain in plain english what a selector is doing.

Answer 4 · 2013-01-09T07:02:30Z

January 9, 2013 7:02am

cheers Robert that worked onwards and upwards

Answer 5 · 2013-01-09T14:39:10Z

January 9, 2013 2:39pm

Yay teamwork! :D

Answer 6 · 2013-01-09T16:23:52Z

January 9, 2013 4:23pm

No problem. I literally just finished that quiz before your post.

Answer 7 · 2013-01-09T05:40:42Z

January 9, 2013 5:40am

:nth-child(n+5) { font-size: 30px; }

Welcome to the Treehouse Community