Treehouse | Community | Use the Ampersand to Reference Parent Selectors

You found it first ⚡ 50% off any plan for 6 months, exclusive to new subscribers for a limited time only.

Join the Treehouse affiliate program and earn 25% recurring commission!

✨ Earn college credits in Cybersecurity, JS, HTML, CSS and Python

🌟 Dreaming of a bright future? 🎓 Ask about the Treehouse Scholarship program! 🚀

Newest
- Newest
- Active
- Unanswered
- Featured
All Topics

Dallas Quin
Front End Web Development Techdegree Student 6,421 Points
Use the Ampersand to Reference Parent Selectors Lesson

Posted March 17, 2025 6:47am by Dallas Quin

Dallas Quin
Front End Web Development Techdegree Student 6,421 Points
1 Answer
Amanda Baker
Python Development Techdegree Student 8,996 Points
I've tried every way to use an & nested selector, and it has rejected them all.

Posted October 28, 2024 7:10pm by Amanda Baker

Amanda Baker
Python Development Techdegree Student 8,996 Points
2 Answers
Kaya loves watermelon
12,717 Points
help me

Posted August 16, 2024 10:26pm by Kaya loves watermelon

Kaya loves watermelon
12,717 Points
1 Answer
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
Hagop Almadjian
Front End Web Development Techdegree Student 7,051 Points
Instead of extends cant we just use mixins and include them its the same thing

Posted September 9, 2022 11:47pm by Hagop Almadjian

Hagop Almadjian
Front End Web Development Techdegree Student 7,051 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
Nima Sakha
Front End Web Development Techdegree Student 10,645 Points
Hi I belive i am doing everythinng corectly but am having issues submiting

Posted July 1, 2022 11:34am by Nima Sakha

Nima Sakha
Front End Web Development Techdegree Student 10,645 Points
1 Answer
shadan afrasiabi
1,324 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,324 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
Jacob Pacheco
Front End Web Development Techdegree Graduate 12,165 Points
Next, create a placeholder called warning. Set its font-weight to bold and color to red.

Posted January 14, 2022 5:13pm by Jacob Pacheco

Jacob Pacheco
Front End Web Development Techdegree Graduate 12,165 Points
1 Answer
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
nicolaspeterson
8,569 Points
"I hope you can see how much fun mixins can be." Um, no, I don't.

Posted July 15, 2021 3:55am by nicolaspeterson

nicolaspeterson
8,569 Points
1 Answer
nicolaspeterson
8,569 Points
img-featured is covering the intro p

Posted July 6, 2021 2:59am by nicolaspeterson

nicolaspeterson
8,569 Points
1 Answer
Ishmael Phiri
5,967 Points
where am i going wrong ?

Posted May 15, 2021 8:20am by Ishmael Phiri

Ishmael Phiri
5,967 Points
3 Answers
Ishmael Phiri
5,967 Points
whats wrong with my answer ?

Posted May 15, 2021 7:57am by Ishmael Phiri

Ishmael Phiri
5,967 Points
0 Answers
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
Arcel Derosena
Front End Web Development Techdegree Student 5,241 Points
I don't see any of the changes in my styles.css

Posted April 28, 2021 7:34am 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
Gerald Susanteo
Front End Web Development Techdegree Student 7,117 Points
Next, create a new rule to specify that all <a> tags should include the styles defined inside the button mixin.

Posted August 6, 2020 7:27am by Gerald Susanteo

Gerald Susanteo
Front End Web Development Techdegree Student 7,117 Points
2 Answers
Gerald Susanteo
Front End Web Development Techdegree Student 7,117 Points
My buttons don't have the hover effect

Posted August 4, 2020 1:20pm by Gerald Susanteo

Gerald Susanteo
Front End Web Development Techdegree Student 7,117 Points
1 Answer
Robin Watts
Front End Web Development Techdegree Graduate 13,893 Points
Do you need @content?

Posted July 8, 2020 4:25pm by Robin Watts

Robin Watts
Front End Web Development Techdegree Graduate 13,893 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
Junior Aidee
Front End Web Development Techdegree Graduate 14,657 Points
Challenge Task 4 of 4

Posted June 7, 2020 8:55pm by Junior Aidee

Junior Aidee
Front End Web Development Techdegree Graduate 14,657 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
serenahendrickson
Front End Web Development Techdegree Student 11,341 Points
Not transferring the change between style.scss and style.css

Posted February 23, 2020 2:55am by serenahendrickson

serenahendrickson
Front End Web Development Techdegree Student 11,341 Points
2 Answers

Prev Page 1 of 4 Next

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