Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

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,526 Points
nfs
nfs
35,526 Points

Didn't understand that part bro.

nfs
nfs
35,526 Points
nfs
nfs
35,526 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.