Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS Sass Basics Improve Your Workflow with Sass Pass Content Blocks to Mixins

Posted by Cynthia Beilmann
Cynthia Beilmann
3,430 Points

Why does the footer change its pseudo-element?

I see that at the beginning the pseudo-element for footer is footer::before but after everything is combined it is changed to footer::after. I'm confused as to why this change was made.

Dhanish Gajjar
Dhanish Gajjar
20,185 Points
Dhanish Gajjar
Dhanish Gajjar
20,185 Points

I too have the same question, why does the pseudo-element change from before to after in the footer

5 Answers

Dhanish Gajjar
Dhanish Gajjar
20,185 Points
Dhanish Gajjar
Dhanish Gajjar
20,185 Points

Cynthia Beilmann Nafis Fuad I reached out to Guil and he said "No reason. It could be either one because the positioning styles will display them the same."

nfs
nfs
35,513 Points
nfs
nfs
35,513 Points

Didn't understand that part bro.

nfs
nfs
35,513 Points
nfs
nfs
35,513 Points

Oh, that's great... thank you

Dakota Nichols
Dakota Nichols
7,054 Points
Dakota Nichols
Dakota Nichols
7,054 Points

I know this is a late answer but in this example they remain the same. However, this link might help! https://www.w3schools.com/css/css_pseudo_elements.asp

Leonardo Motta
Leonardo Motta
11,284 Points
Leonardo Motta
Leonardo Motta
11,284 Points

What makes it look the same is because we make the ::after element absolute to the relative container, so both ::after and ::before will have the same start point.