28172 sujets

CSS et mise en forme, CSS3

Hello,

je débute en less css.

j'ai deux class html, on va dire .... class="bro brodeux". bro, dans style.css je lui attribue 250 px en height;

en less css j'attribue a "brodeux" 320 px en height;; mais le problème c'est qu'il garde le 250px.. et je sais pas pourquoi.. dans l'inspecteur je vois bien mon 320 px mais barré Smiley mur

le height 250px est à la ligne 13 000
et le height 320 px et à la ligne 8000. je pense que c'est bien une question d'ordre le problème.. mais comment y pallier ? ...

help me Smiley bawling
Modifié par JENCAL (15 Oct 2015 - 15:18)
Modérateur
Salut,

C'est exactement ça. C'est un problème de priorité. A poids égal c'est l'ordre d'apparition qui tranche. Tu peux faire en sorte que les classes qui overident soient après dans le CSS (bonne pratique) ou bien d'augmenter le poids du sélecteur (moins recommandé) du genre : .bro.brodeux{}
Modifié par _laurent (15 Oct 2015 - 15:25)
Ok !

sinon j'ai trouver ceci aussi

.bro{
&.brodieux{
}
}


cela regle l'ordre de priorité aussi

merci
Administrateur
JENCAL a écrit :

cela regle l'ordre de priorité aussi
merci

Bonsoir,

Oui puisque cette règle est compilée en :
.bro.brodieux{

}

Elle possède donc 2 poids de classe.
Modifié par Raphael (15 Oct 2015 - 23:19)