sintassi body>div#container: > che significa?

[marcobor]

body>div#container{height:auto;min-height:100%}

http://www.html.it/layout_css/layout_css_15.htm

mi riferisco a questo articolo, che significa la sintassi

body>div?
e perchè è necessaria?
dovrebbe funzionare con solo div#container (in quanto l'elemento container è unico)
ma non funziona.
qualcuno può chiarirmi le idee?

grazie

[floyd46]

Effettivamente dovrebbe bastare il solo #container;
però quello è un codice che lo si scrive solo per Opera;
pare che sia affetto, anche lui, da un piccolissimo bug come IE.
saluti

[marcobor]

ok, ma è una sintassi con un significato oppure una soluzione alla razzo per il browser di mamma microsoft?

ti ringrazio

[floyd46]

sta a significare che Opera potrebbe ignorare (ma non è detto) il CSS tipo:

div#container{
.....
.....
}

ma interpreta bene quello + specifico, cioè:
body>div#container{....}.
Sai bene che in CSS le regole + specifiche sovrascrivono quelle meno spacifiche; per esempio #container p sovrascrive la regola generica p
Spero di averti dato una sufficiente spiegazione.
Ciao

[marcobor]

si. credo di aver capito

non riesco a capire però >

non dovrebbe essere così la sintassi?:

body div#container{}

o mi confondo ad esempio con la sintassi

#container a{}

[floyd46]

il segno di > sta ad indicare la "discencenza", cioè:
tutti i "figli" di body...
per cui: body>div#container{...}

[marcobor]

capito... mi sembra comunque una sintassi insolita.. bho
ci farò l'abitudine

[Mich_]

Lasciando stare il caso specifico
body>div
che secondo le regole CSS standard non ha molto senso, ti faccio un esempio di un uso del >:

<div id="contenitore"> 
  <div>
    

 
      un primo testo che deve essere rosso
    </p>
  </div>
  


    un altro po' di testo che deve essere verde
  </p>
</div>

Nota che c'e` un

contenuto direttamente dentro il #contenitore e un

che sta invece dentro un ulteriore <div>

Il CSS potrebbe essere

#contenitore {
  /*formattazione del <div>*/
}
#contenitore p {
  /* formattazione per i p piu` interni*/
  color: red;
}
#contenitore>p {
  /* formattazione per il p che dipende direttamente da #contenitore */
  color: green;
}

[pierofix]

Questa lista, tratta dalla specifica ufficiale w3c, risulterà sempre molto utile quando si scrive css:
- http://www.w3.org/TR/CSS21/selector.html

[marcobor]

Originariamente inviato da Mich_
Lasciando stare il caso specifico
body>div
che secondo le regole CSS standard non ha molto senso, ti faccio un esempio di un uso del >:

<div id="contenitore"> 
  <div>
    

 
      un primo testo che deve essere rosso
    </p>
  </div>
  


    un altro po' di testo che deve essere verde
  </p>
</div>

Nota che c'e` un

contenuto direttamente dentro il #contenitore e un

che sta invece dentro un ulteriore <div>

Il CSS potrebbe essere

#contenitore {
  /*formattazione del <div>*/
}
#contenitore p {
  /* formattazione per i p piu` interni*/
  color: red;
}
#contenitore>p {
  /* formattazione per il p che dipende direttamente da #contenitore */
  color: green;
}

mitico imparata cosa nuova, ti ringrazio