I'm just starting with CSS. In looking at many online examples to see how things are being done in the real world, from time to time I see a syntax that I can't find in my books, nor at the various CSS sites. For example... body>#content-wrapper {margin-left:0;} What is the ">#" in that line? Also, recommendations for better books and/or online tutorials appreciated. Thanks very much.
Not 100% sure but I think that the ">" is just there for no reason... I'd assume that it would function the same as: body #content-wrapper { margin-left: 0; } Simply the rules for the item with the id "content-wrapper" inside the <body> tags.
There should be no such code like ">#" . Anyway, in css , "#" is before the id name of an element. "." is before the class name of an elememt.
The # bit indicates that the selector or element (probably a div in this case) named content-wrapper is using an id and not a class - #content-wrapper for id="content-wrapper" and .content-wrapper for class="content-wrapper". The > indicates that its a child selector
Check if there is another call for #content-wrapper. It is possible the designer used an IE CSS hack by using the child '>' selector.