Il selettore universale * funziona su buona parte dei nuovi browser, naturalmente con alcune differenze nella visualizzazione.
Ad esempio:
* {
margin: 50px;
padding: 50px;
border: 1px solid
#000000;
}
produce una visualizzazione un po' diversa su IE6 (IE interpreta in modo diverso il margin/padding) e FF 1.5
Il selettore universale, dunque, si applica ha tutti gli elementi, ma bisogna stare attenti perchè pur avendo specificità zero prevale su valori ereditati.
Ad esempio:
* {
margin: 50px;
padding: 50px;
border: 1px solid;
}
h1 {
border: 1px solid
#669900;
}
``` [html]
<body>
<h1> testo <b>testo</b> </h1>
</body>
[/html]
Il tag <b> dovrebbe ereditare da <h1>, invece ciò non succede.
IN POCHE PAROLE CON UNA PROGETTAZIONE ACCURATA CONVIENE USARE ( * )
P.S.
margin, padding, border... non sono mai ereditati, quindi usare:
{
margin: 0;
}
invece di:
body {
margin: 0;
}
Non è la stessa cosa
Ciauz :)
P.S.2 (ma mi sono spiegato bene? :?)
