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

HTML

Navigation placed at the end to allow general sibling selector to work - HELP!!

If anyone could take a look at this tutorial and explain to me why he said this - "The reason for having such an “unordered” structure by adding the header to the end, is that we make the navigation “reachable” using the general sibling selector (~), so that we can color the respective items differently." I would be very happy!

If the navigation section in question is at the beginning of the page the styling wont work. Its driving me nuts to understand it :(

tutorial in question - http://tympanus.net/codrops/2012/01/30/page-transitions-with-css3/

If I understand this selector topic right, it's about working with childs of parents in CSS... you should try lesson about CSS and selectors. They present you this pseudo-classes really nice.

It's all about styling child classes inside one parent.

Hope this helps you

1 Answer

That's odd. I moved the header to the beginning of my page and it still showed up as normal and functioned for me.