sintassi dei css

[max75]

Ciao a tutti! Ecco l'arduo quesito:
Ho trovato questa sintassi nel css di una pagina tabless:


#outer{
border:solid white 0px;
/*/*/ border-left-width: 120px ; /* left column width. NN4 hack to hide borders */
border-left-color: #4C86A9; /* left column colour */
border-left-style: solid;
/*/*/ border-right-width: 150px; /* right column width. NN4 hack to hide borders */
border-right-color: #4C86A9; /* right column colour */
border-right-style: solid;
background-color: #ffffff; /* center column colour */
width: auto;
}

#inner{margin:0; width:100%;}

/* e fin qui tutto ok */

/* ma questo che vuol dire????*/
#outer>#inner { border-bottom: 1px solid #ffffff; }

[pela]

#outer>#inner { border-bottom: 1px solid #ffffff; }

significa che lo stile si applica all'elemento di id=inner contenuto all'interno dell'elemento di id=outer
(visto che gli id sono univoci non so quanto possa essere utile scrivere così)