Css : annuler une propriété prédéfinie

[milkiway]

Bonjour,

J'ai ceci dans mon CSS :

Code: Tout sélectionner

html > body .entry ul { margin:1em }

Et je voudrais l'erradiquer plus bas pour un UL en particulier.
Si je fais

Code: Tout sélectionner

.ulparticulier ul { margin:0 }

Ca ne fonctionne pas.

Une idée svp ?

Merci

[honolulu]

peut-être avec

Code: Tout sélectionner

.ulparticulier ul { margin:inherit; }

[jcaron]

Et même plus vraisemblablement

Code: Tout sélectionner

ul.ulparticulier {margin: inherit}


si ulparticulier est une class appliquée à l'UL lui-même et pas à son parent.

Mais bon, là on joue au devins...

Jacques.

[Anto1982]

Code: Tout sélectionner

ul.ulparticulier {
margin:0;
}

?

* Edit: doublé par Jacques, l'homme qui répond plus vite que son ombre...

[milkiway]

Bonjour et merci pour les réponses.

Mais non ! C'est pour ça que j'ai bien précisé la précédente classe qui utilise le '>'.

Je crois que c'est ça qui fait que les suivantes sont annulées.

J'avais bien sur testé les deux.

[Rod la Kox]

Je pense que le problème vient en effet de l'info body qui garde la priorité sur le reste.

essaie :
html > body .entry ul { margin: 1em }
html > body .ulparticulier ul { margin: 0 }

[milkiway]

That rocks !

Merci ça fonctionne parfaitement.

J'ai vraiment du mal à le comprendre ce ">"
A quoi sert il concrètement et comment l'utiliser ?
Il a des petit copains qui font des trucs sympa ce ">" ?

[jcaron]

Le problème n'est en fait pas lié au > mais aux priorités CSS.

Après relecture (http://www.w3.org/TR/CSS/cascade.html#cascading-order), le problème vient du fait que la première déclaration est plus "spécifique" (il y a dans les deux cas une classe, mais il y a 3 éléments dans la première déclaration et une seule dans la deuxième), et donc prioritaire.

Le fait que les ramener "au même niveau" fait que la dernière l'emporte.

Un id (#id) l'aurait emporté, ou un !important. Ceci dit, inclure html et body dans le sélecteur, c'est un peu redondant à mon humble avis. D'ailleurs les outils d'analyse de CSS ne te disent pas que ça bouffe des ressources pour rien?

Sinon tu peux trouver les sélecteurs ici: http://www.w3.org/TR/CSS/selector.html#pattern-matching

Jacques.

[Leonick]

comme dit jacques, le mieux étant d'avoir un

Code: Tout sélectionner

ul#ulparticulier

là, avec le id mis sur l'ul ce style particulier sera appliqué en dernier