CODEWITHSUNDEEP
csssyntaxreferencemenuformatting
leigero
leigero

Reputation: 3283

Where can I find a comprehensive reference for CSS and its syntax?

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?

Upvotes: 2

Views: 106

Answers (2)

test
test

Reputation: 18198

Everything you ever wanted about CSS, JavaScript, and HTML... instantly: http://dochub.io/#css/

Upvotes: 1

David Thomas
David Thomas

Reputation: 253318

The best resource for learning about CSS selectors is the World Wide Web Consortium's CSS Selectors page: http://www.w3.org/TR/CSS2/selector.html (The Selectors Level 3 entry is the updated version, found here: http://www.w3.org/TR/css3-selectors/).

Read this and then it's easier to Google for additional information, since you'll have, at least, an understanding of what you're searching for.

Upvotes: 2

Related Questions