code difficile a comprendre

popup · frontpage mioche

salut
petite question svp
que signifie cette ligne dans un fichier css
* html #extraDiv1 {display:none;}

voici le blog dont il fait partie, j'essaie de decortiquer le codage des css sur zen garden vu qu'ils ont une grosse reputation côté artistique:

/*
#extraDiv1
***********************************************************************************/
#extraDiv1 {
position:fixed;
bottom:0;
left:540px;
background:url(r3_zen666_tombstone.png) no-repeat top left;
width:227px;
height:267px;
}
* html #extraDiv1 {display:none;} /* For IE 5+ PC */
#extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6 {display:none;}

SIBELIUS · html mioche

* html #extraDiv1 {display:none;}

* est le sélecteur universel, il désigne l'ensemble des balises
html désigne la balise <html>
#extraDiv1 désigne l'élément qui a l'id="extraDiv1"

En clair, l'ensemble signifie : j'applique la propriété "display : none" (l'élément sélectionné n'est pas pris en compte par le média graphique) à #extraDiv1 s'il est contenu dans <html>, lui-même contenu dans *

En fait, cela ne signifie pas grand chose en vérité, mais il s'agit d'un "hack" d'écriture destiné à IE5 car ce navigateur n'interprète pas cette écriture.

Pour les hacks : http://forum.alsacreations.com/faq/#item40

popup · frontpage mioche