[Web2.0] Selettori

Domenico L. domenico.lorusso a pleiade.it
Gio 19 Apr 2007 08:39:40 CEST


Massimiliano Marini ha scritto:
> Comunque venendo alla domanda, mi sapreste dare qualche informazione in più
> sulle righe sotto riportate? Quella che mi è chiara sino ad ora è solo la prima,
> ovvero un selettore universale che seleziona tutti gli elementi di un documento.
>   
Prendi questo esempio:
es.:
<body>
    <div><p>ciao <strong>Maria</strong></p></div>
    <ul>
            <li>Bao</li>
            <li>Miao</li>
    </ul>
</body>



* vuol dire qualsiasi cosa (tutti i tag che vedi!!!)
quindi body * indica qualsiasi oggetto contenuto nel body... (tutti i 
tag escluso body)
come lo usi tu peraltro è perfettamente inutile perché lo stile 
applicato a body (che è la radice) si applica a tutti i suoi contenuti

body * * non a molto senso perché dici qualsiasi cosa sia contenuta 
dentro qualsiasi cosa contenuta dentro body.
(p, strong, li)

Ma va in conflitto con body *

Credo che tu voglia utilizzare la discendenza cioè non il concetto di "è 
contenuto da " ma "è figlio di"

body > * si applica a tutti i tag direttamente figli di body (ossia div 
e ul)

body > * > * a tutti i "nipoti" di body (p, li)

N.B.
    Questa sintassi ie6 non la supporta, come non supporta peraltro 
correttamente il selettore universale


Venendo al tuo esempio prova a scriverlo così:

*{ margin: 0; padding: 0;}
body { padding: 1em; /*si adatta meglio alla dimensione del carattere oppure usa le %*/
	 line-height: 140%;
	 font-size: 76%; 
	font-family: Verdana, Arial, sans-serif; 
	 /* @ EOMB */} 
body * * { font-size: 131%; }



ciao

-- 
Domenico L.        	 icq: 645 44 861 - msn: strahd a jumpy.it

per stupire mezz'ora basta un libro di storia,
io cercai di imparare la Treccani a memoria... [F.d.A.]



Maggiori informazioni sulla lista Web2.0