Treehouse | Community | Write Nested Selectors

Our end of year sale ends soon 👀 Get a year of Courses for $150 (40% off!)

Jump into new course Python Dates and Times 🐍

Learn React with us!

Dive into new course Game Development with Phaser 👾

💥 ALL NEW: Code Adventures! ⚡ Dare to embark on a front end coding adventure 🌟

Get job-ready with our Career Toolbox Track's career advice, resume tips, and more 🧰

🤖 Check out all our AI content here 👀

Learn about our new Community Discord server here and join us on Discord here!

Students: got a cool project or resource to share? Submit it to Treehouse Links! 🤩

Newest
- Newest
- Active
- Unanswered
- Featured
All Topics

Danny Yoo
Front End Web Development Techdegree Student 4,824 Points
I set the correct color value for .icn-success, I have no idea why it is not giving me a pass.

Posted December 27, 2022 3:57am by Danny Yoo

Danny Yoo
Front End Web Development Techdegree Student 4,824 Points
1 Answer
Kyle Schoeneman
2,105 Points
Question: Next, use the & symbol to create the selector .icn-success. Set the color of .icn-success to green

Posted August 2, 2022 9:06pm by Kyle Schoeneman

Kyle Schoeneman
2,105 Points
1 Answer
shadan afrasiabi
1,154 Points
Next, use the & symbol to create the selector .icn-success. Set the color of .icn-success to green.

Posted May 9, 2022 2:18pm by shadan afrasiabi

shadan afrasiabi
1,154 Points
1 Answer
Junior Suarez Peralta
Front End Web Development Techdegree Graduate 15,160 Points
Next, use the & symbol to create the selector .icn-success. Set the color of .icn-success to green.

Posted April 27, 2022 10:10am by Junior Suarez Peralta

Junior Suarez Peralta
Front End Web Development Techdegree Graduate 15,160 Points
3 Answers
Kayla Pasciullo
Front End Web Development Techdegree Student 8,325 Points
creating a nested selector in SASS with ampersand

Posted July 23, 2021 1:58pm by Kayla Pasciullo

Kayla Pasciullo
Front End Web Development Techdegree Student 8,325 Points
1 Answer
Arcel Derosena
Front End Web Development Techdegree Student 5,241 Points
Why is it still wrong when I type the ampersand symbol?

Posted April 30, 2021 1:52am by Arcel Derosena

Arcel Derosena
Front End Web Development Techdegree Student 5,241 Points
1 Answer
Caroline Louw
12,155 Points
how do I use the & to nest a selector in this challenge? what is wrong with my code?

Posted October 6, 2020 7:54pm by Caroline Louw

Caroline Louw
12,155 Points
1 Answer
Ja'Quan Thompson
Front End Web Development Techdegree Graduate 15,834 Points
I am confused on what the question is asking because there is not a .icn-success class defined. does anyone know?

Posted August 24, 2020 2:30am by Ja'Quan Thompson

Ja'Quan Thompson
Front End Web Development Techdegree Graduate 15,834 Points
2 Answers
Ryohei Mahiko
Front End Web Development Techdegree Graduate 13,950 Points
``` .icn { font-size:1.25em &-success { color:green } } ```

Posted June 22, 2020 6:06am by Ryohei Mahiko

Ryohei Mahiko
Front End Web Development Techdegree Graduate 13,950 Points
1 Answer
Nevil Fernandes
1,917 Points
&-warning { color: red; } Whis is this not working?

Posted May 30, 2020 11:51am by Nevil Fernandes

Nevil Fernandes
1,917 Points
1 Answer
Alexandra Velez
Front End Web Development Techdegree Student 9,313 Points
Why isn't it accepting the color red for the .icn-warning?

Posted May 6, 2020 5:24pm by Alexandra Velez

Alexandra Velez
Front End Web Development Techdegree Student 9,313 Points
2 Answers
Alexandra Velez
Front End Web Development Techdegree Student 9,313 Points
The correct color is specified, why isn't it accepting it?

Posted May 4, 2020 7:42pm by Alexandra Velez

Alexandra Velez
Front End Web Development Techdegree Student 9,313 Points
4 Answers
Alexandra Velez
Front End Web Development Techdegree Student 9,313 Points
Why isn't it accepting the nested element and & in this challenge?

Posted May 1, 2020 6:28pm by Alexandra Velez

Alexandra Velez
Front End Web Development Techdegree Student 9,313 Points
1 Answer
serenahendrickson
Front End Web Development Techdegree Student 11,341 Points
I am stuck on this question, please help.

Posted February 23, 2020 3:50am by serenahendrickson

serenahendrickson
Front End Web Development Techdegree Student 11,341 Points
1 Answer
Swan The Human
Full Stack JavaScript Techdegree Student 19,338 Points
Trying to nest icn.success selector using & but it grays out the text and says answer is incorrect.

Posted September 26, 2019 1:36am by Swan The Human

Swan The Human
Full Stack JavaScript Techdegree Student 19,338 Points
1 Answer
True Andrews
Front End Web Development Techdegree Student 10,520 Points
How I'm I suppose to format this code with the ampersand?

Posted September 17, 2019 7:42pm by True Andrews

True Andrews
Front End Web Development Techdegree Student 10,520 Points
1 Answer
True Andrews
Front End Web Development Techdegree Student 10,520 Points
I'm stuck on what I need to do, someone please help!

Posted September 16, 2019 9:52pm by True Andrews

True Andrews
Front End Web Development Techdegree Student 10,520 Points
2 Answers
PLUS

Elliot Holbrow
Courses Plus Student 1,248 Points
Incorrect color value? how?

Posted February 19, 2019 1:03pm by Elliot Holbrow

Elliot Holbrow
Courses Plus Student 1,248 Points
3 Answers
Tadjiev Codes
9,626 Points
Next, use the & symbol to create the selector .icn-success. Set the color of .icn-success to green.

Posted February 15, 2019 7:50pm by Tadjiev Codes

Tadjiev Codes
9,626 Points
1 Answer
Tadjiev Codes
9,626 Points
Below the .banner rule (at the root level), create a new rule that targets .icn and set a font-size of 1.25em.

Posted February 15, 2019 9:17am by Tadjiev Codes

Tadjiev Codes
9,626 Points
1 Answer
Nikki Turrisi
15,095 Points
Challenge Task 3 of 4, ampersand for nested selector.

Posted February 12, 2019 5:44pm by Nikki Turrisi

Nikki Turrisi
15,095 Points
2 Answers
Brandon Gault
Front End Web Development Techdegree Graduate 17,539 Points
Next, use the & symbol to create the selector .icn-success. Set the color of .icn-success to green.

Posted December 31, 2018 4:04pm by Brandon Gault

Brandon Gault
Front End Web Development Techdegree Graduate 17,539 Points
0 Answers
Jesna Imbiraishe Mamina
5,506 Points
What am i doing wrong in this code challenge?

Posted October 1, 2018 3:08pm by Jesna Imbiraishe Mamina

Jesna Imbiraishe Mamina
5,506 Points
1 Answer
Franklyn Gregory
12,098 Points
Next, use the & symbol to create the selector .icn-success. Set the color of .icn-success to green

Posted August 22, 2018 5:31pm by Franklyn Gregory

Franklyn Gregory
12,098 Points
1 Answer
Qamar Ramzan
9,648 Points
Ampersand in the scss code in the nesting test is not working for me!

Posted July 29, 2018 4:54pm by Qamar Ramzan

Qamar Ramzan
9,648 Points
2 Answers
PLUS

Jessica Ntim-Ofosu
Courses Plus Student 2,205 Points
sass basics

Posted November 1, 2017 3:52pm by Jessica Ntim-Ofosu

Jessica Ntim-Ofosu
Courses Plus Student 2,205 Points
1 Answer
carol
11,442 Points
Nest a .button selector inside the .banner rule. Set the font-size of .button to 1.5em

Posted September 15, 2017 10:42am by carol

carol
11,442 Points
1 Answer
MillicentNyasha Mwitha
6,194 Points
Use the & symbol to create the selector .icn-warning. Set the color of .icn-warning to red.

Posted August 25, 2017 12:31pm by MillicentNyasha Mwitha

MillicentNyasha Mwitha
6,194 Points
1 Answer
Abinet Kenore
10,082 Points
Use the & symbol to create the selector .icn-warning. Set the color of .icn-warning to red.

Posted August 13, 2017 11:08pm by Abinet Kenore

Abinet Kenore
10,082 Points
1 Answer
Barry Ort
12,373 Points
what is wrong?

Posted July 16, 2017 10:10pm by Barry Ort

Barry Ort
12,373 Points
1 Answer

Prev Page 1 of 2 Next

Posting to the forum is only allowed for members with active accounts.
Please sign in or sign up to post.