[Résolu] Héritage de propriété

Bonjour,

Tout d'abord j'ai bien lu ceci:
http://css.alsacreations.com/Tutoriels-et-articles-divers/Comprendre-l-heritage-et-la-parente-des-styles-CSS

Cependant j'ai un pb par rapport à l'héritage d'un de mes éléments.
Dans ma CSS j'ai ceci :

.uneClass div ul li {
  background: transparent url(image.jpg);
}
li.uneAutreClass {
  background: none;
}

Dans mon HTML j'ai ceci :

<div class="uneClass">
  ...
  <ul>
    <li class="uneAutreClass">texte</li>
  </ul>
</div>

Pourquoi mon li a une image en fond?
Modifié par Spir (24 Sep 2008 - 12:33)

Je viens de voir qu'en mettant ceci dans ma css :

.uneClass div ul li {
  background: transparent url(image.jpg);
}
.uneClass div ul li.uneAutreClass {
  background: none;
}

Ca marche. Pourquoi suis je obligé de tout rappeler?

Dans le tutoriel il est pourtant écrit :

a écrit :
les éléments enfants sont affectés tant que cet élément enfant n'a pas une valeur propre d'affectée pour la propriété.

Et moi j'ai bien redéfinit le background. Qu'es ce qui ne va pas?
Modifié par Spir (24 Sep 2008 - 12:11)

Spir a écrit :
Pourquoi mon li a une image en fond?

Parce que lorsque tu définis l'image présent sur tous les éléments de listes, tu donnes beaucoup (trop, aurais-je tendance à dire) d'importance à l'instruction.
Au contraire, lorsque tu indiques l'absence d'image, tu donnes une importance moindre à l'instruction.

Or, c'est le contraire qu'il faut faire :
- donner peu de poids à l'instruction générale
- donner plus de poids à l'instruction particulière en surchargeant cette dernière.

Pour bien comprendre le problème, lire cet article : Cascade CSS et priorité des sélecteurs
Modifié par Cygnus (24 Sep 2008 - 12:30)

Dan l'absolu, il vaut mieux se contenter du minimum syndical afin de pouvoir surcharger un sélecteur lorsque cela sera nécessaire.

Ceci devrait largement suffire :

.uneClass li { background: transparent url(image.jpg); }

.uneClass li.uneAutreClass { background: none; }

Cygnus a écrit :
- donner peu de poids à l'instruction générale
- donner plus de poids à l'instruction particulièrement en surchargeant cette dernière.
[...]
Dans l'absolu, il vaut mieux se contenter du minimum syndical afin de pouvoir surcharger un sélecteur lorsque cela sera nécessaire.

Ok Je suis bien d'accord. Je suis actuellement en train de revoir (optimiser) une CSS qui a été construite au fur et a mesure d'où ces petites surprises.
merci bien pour ton aide et ton explication.

Problème [Résolu] donc ?

Cygnus a écrit :
Problème [Résolu] donc ?

Erk, oui
Je cherchais le bouton... Mais il y en a pas. Encore merci.