Product Landing Page CSS Nav Tag

Hey Guys as I was inspecting the example page of the Product Landing Page Project I noticed there was a CSS selector that looks like this “nav > ul”. What does this type of selector mean ? Or how does it affect the rules inside that selector ?

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.0 Safari/605.1.15

Challenge: Build a Product Landing Page

Link to the challenge:

Hello!

If you refer this website:

https://www.w3schools.com/cssref/css_selectors.asp

You can see that :

nav > ul

Select all ul elements whose parent is nav element.

Also I would recommend you to try google search for such new things that you discover in your web adventures. Because there are so many things to keep track of that it is better to just search new things on demand and learn!

Okay, first of thank you very much for the solution.
I tried to google it at first but google wouldn’t show me good results because I was simply,y typing in ‘css >’ instead of ‘css selector >’, which would have helped me out.

1 Like