What does this mean?

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View

I've been looking at a style sheet and it has something which has
perplexed me - can anyone shed any light on what it means?

#outer {
    text-align: left; width: 100%; height: 500px

/* for Opera */

html > body #outer {
    width: auto;

I've seen this sort of thing (html > body) quite a few times on different
style sheets, but have never understood what it did.


One OS to fool them all
One browser to find them
One email client to bring them all
And through security holes, blind them...

Re: What does this mean?

Paul F. Johnson said:

Quoted text here. Click to load it

a '>' is a child selector

they're usually used to hide CSS from browsers that have problems with
the css. http://www.w3development.de/css/hide_css_from_browsers/child /

for browsers that /have/ a problem understanding the CSS apply this CSS
to the element with the #outer ID:


for browsers that /don't have/ a problem understanding the CSS use '>'
to hide the change in CSS from that browser and use this instead on the
element with the #outer ID:
html > body #outer

07/December/2003 11:52:13 am kilo

Site Timeline