CSS display par defaut
Le
Bol

Salut
Comment remettre la valeur display à defaut ? (css seulement)
Ex :
.Non { display:none; }
.MaisSI { display: /* default */; }
<span class="Non MaisSI">toto</span>
bla bla
<div class="Non MaisSI">tata</div>
Je cherche quoi mettre comme 'default' pour que
la classe MaisSI remette 'inline' a SPAN et 'block' à DIV
Une idée ?
Merci
A+
Bol
Comment remettre la valeur display à defaut ? (css seulement)
Ex :
.Non { display:none; }
.MaisSI { display: /* default */; }
<span class="Non MaisSI">toto</span>
bla bla
<div class="Non MaisSI">tata</div>
Je cherche quoi mettre comme 'default' pour que
la classe MaisSI remette 'inline' a SPAN et 'block' à DIV
Une idée ?
Merci
A+
Bol
A part en utilisant du JavaScript, *dans le cas précis que tu décris*,
ce n'est pas possible puisqu'il n'y a pas de valeur pour display
remettant la valeur par défaut.
Si tu ne peux pas faire autrement - c'est très peu probable -, tu peux
bidouiller en encapsulant dans le même élément :
<span><span class="Non MaisSI">toto</span></span>
<div><div class="Non MaisSI">tata</div></div>
puis utiliser la valeur inherit pour ta propriété :
.Non { display:none; }
.MaisSI { display: inherit; }
Ce qui devrait fonctionner puisque inherit utilise la valeur de
l'élément parent. Mais c'est moche.
ça n'existe pas
normalement on fait juste :
.Non { display: none }
et à l'utilisation :
<span class="Non">pas affiché</span>
<span class="">affiché</span>
.Non { display: none }
span.MaisSI { display: inline }
div.MaisSI { display: block }
Attention !
========== si on veut que class="Non MaisSI" fasse que ce soit affiché,
MaisSI doit être déclaré après Non dans la FdS
class="Non MaisSI" est équivalent à class="MaisSI Non"
l'ordre n'y a pas d'importance.
--
Stéphane Moriaux avec/with iMac-intel
Avouez que c'est bien dommage quand même :-)
A+
Bol