1. ⭐⭐⭐ Grosse PROMO en cours sur ma plateforme SEO My Ranking Metrics
    Rejeter la notice

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

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par milkiway, 1 Avril 2010.

  1. milkiway
    milkiway WRInaute accro
    Inscrit:
    3 Février 2004
    Messages:
    4 237
    J'aime reçus:
    0
    Bonjour,

    J'ai ceci dans mon CSS :
    Code:
    html > body .entry ul { margin:1em }
    Et je voudrais l'erradiquer plus bas pour un UL en particulier.
    Si je fais
    Code:
    .ulparticulier ul { margin:0 }
    Ca ne fonctionne pas.

    Une idée svp ?

    Merci
     
  2. honolulu
    honolulu WRInaute impliqué
    Inscrit:
    8 Novembre 2005
    Messages:
    755
    J'aime reçus:
    0
    peut-être avec
    Code:
    .ulparticulier ul { margin:inherit; }
     
  3. jcaron
    jcaron WRInaute accro
    Inscrit:
    13 Février 2004
    Messages:
    2 593
    J'aime reçus:
    0
    Et même plus vraisemblablement
    Code:
    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.
     
  4. Anto1982
    Anto1982 WRInaute passionné
    Inscrit:
    7 Mai 2009
    Messages:
    1 116
    J'aime reçus:
    0
    Code:
    ul.ulparticulier {
    margin:0;
    }
    ?

    * Edit: doublé par Jacques, l'homme qui répond plus vite que son ombre...
     
  5. milkiway
    milkiway WRInaute accro
    Inscrit:
    3 Février 2004
    Messages:
    4 237
    J'aime reçus:
    0
    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.
     
  6. Rod la Kox
    Rod la Kox WRInaute accro
    Inscrit:
    24 Juin 2008
    Messages:
    2 803
    J'aime reçus:
    0
    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 }
     
  7. milkiway
    milkiway WRInaute accro
    Inscrit:
    3 Février 2004
    Messages:
    4 237
    J'aime reçus:
    0
    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 ">" ?
     
  8. jcaron
    jcaron WRInaute accro
    Inscrit:
    13 Février 2004
    Messages:
    2 593
    J'aime reçus:
    0
    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.
     
  9. Leonick
    Leonick WRInaute accro
    Inscrit:
    8 Août 2004
    Messages:
    19 417
    J'aime reçus:
    0
    comme dit jacques, le mieux étant d'avoir un
    Code:
    ul#ulparticulier
    là, avec le id mis sur l'ul ce style particulier sera appliqué en dernier
     
Chargement...
Similar Threads - Css annuler propriété Forum Date
style.css unique préférable avec link ou javascript ? Développement d'un site Web ou d'une appli mobile 25 Décembre 2019
Comment gérer le ALT d'une image en CSS background-image YouTube, Google Images et Google Maps 17 Décembre 2019
Contenu mixte vers http / css - réelle gravité ? Débuter en référencement 24 Septembre 2019
Extension Chrome utile pour afficher le code source HTML, JS, CSS Développement d'un site Web ou d'une appli mobile 5 Juillet 2019
css pour cookieconsent et apparence graphique. Développement d'un site Web ou d'une appli mobile 28 Avril 2019
Appliquer style CSS CMS GHOST Développement d'un site Web ou d'une appli mobile 21 Mars 2019
Wordpress et site html/css Débuter en référencement 15 Décembre 2018
Temps de réponse et minimisation CSS et JS Débuter en référencement 30 Novembre 2018
Texte qui apparait au scroll ou au chargement en CSS Débuter en référencement 24 Octobre 2018
trop de style CSS dans un code HTML Demandes d'avis et de conseils sur vos sites 12 Octobre 2018
  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice