I’m trying to build a purely CSS navigation menu which I know can be done. I’ve seen it. I could copy other people’s but I’d rather understand what is happening myself than just copy/paste all the time.
In an effort to understand the CSS I’m running into questions I cannot manage to find anywhere on the internet and w3schools has nothing on the subject.
It took me a while to figure out what the difference was between #nav ul {...} and #nav ul ul{...} because w3schools assumes you’ll never need to do anything other than the absolute basics.
My current problems:
What is .sf-sub-indicator ? Sounds self explanatory but I’d like to know exactly what that’s doing.
What is sfHover as seen in #nav li.sfHover {...}
and lastly, what is the significance of using > in the CSS Class IDs? EX:
#nav li:hover>ul
as opposed to
#nav li:hover ul {...}
or
#nav li:hover > a {...}
I don’t see any sort of explanation for these issues on w3schools and I don’t know where else to look?
Everything you ever wanted about CSS, JavaScript, and HTML… instantly: http://dochub.io/#css/