IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Selector :not(.class) ne fonctionne pas


Sujet :

CSS

  1. #1
    Membre du Club
    Profil pro
    Inscrit en
    Février 2011
    Messages
    253
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2011
    Messages : 253
    Points : 56
    Points
    56
    Par défaut Selector :not(.class) ne fonctionne pas
    Bonjour,
    mon problème est bizarre et très énervant :
    j'utilise le selecteur :not() pour cibler les paragraphes p mais pas ceux d'une certaine classe . Ainsi le selecteur :not prendra bien compte de l'exception de "margep" mais ne va plus appliquer le style du margin:0 pour tout les autres "p" du site

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    p:not(.margep > p){margin:0 !important;}
    et pour le style de la classe "margep" :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    .margep > p {margin:10px 0 !important;}
    Savez-vus pourquoi j'ai ce problème? j'ai bien vider le cache de google chrome !
    Pouvez-vous m'aider.

  2. #2
    Invité
    Invité(e)
    Par défaut
    Bonjour,

    Si tu as des balises p dans des p, ce n'est pas bon.

    Montre un bout du HTML concerné.

  3. #3
    Membre du Club
    Profil pro
    Inscrit en
    Février 2011
    Messages
    253
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2011
    Messages : 253
    Points : 56
    Points
    56
    Par défaut
    Bjr Jreaux62,
    ce n'est pas ce que je dis et ce n'est pas le cas !
    Mon soucis est que je veux appliquer, à tous le site sauf une page, un margin:0 pour les paragraphes, pour la page spécifiques je veux un margin:10px 0; pour les paragraphes .
    Ainsi dans mon post précédent j'ai écrit le css que j'utilise et que le w3school préconise .
    Pouvez-vous me dire pourquoi et comment je peux avoir un bug qui empêche que le "margin:0" appliquer à l'ensemble du site ne s'applique pass alors que celui de la page spécifique lui fonctionne correctement ?

  4. #4
    Invité
    Invité(e)
    Par défaut
    Citation Envoyé par artenis Voir le message
    ce n'est pas ce que je dis et ce n'est pas le cas !
    Non, mais c'est ce que tu écris.

    Ton CSS est faux.

    Citation Envoyé par jreaux62 Voir le message
    Montre un bout du HTML concerné.

  5. #5
    Membre du Club
    Profil pro
    Inscrit en
    Février 2011
    Messages
    253
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2011
    Messages : 253
    Points : 56
    Points
    56
    Par défaut
    Je veux bien te montrer le code html, mais celui-ci ne te diras absolument pas pourquoi mon css ne fonctionne pas !
    Car mon code fonctionne bien pour les paragraphes de la classe spécifique mais pas pour le reste du site !
    Ainsi quel code veux-tu que j'affiches ?

    Tu dis que mon css est faux, peux-tu me donner la solution ou alors un indice sur ce qui cloche ?

    merci

  6. #6
    Membre du Club
    Profil pro
    Inscrit en
    Février 2011
    Messages
    253
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2011
    Messages : 253
    Points : 56
    Points
    56
    Par défaut
    Je reformule la question :

    Comment cibler les balises "p" dépendant d'une classe spécifique et y appliquer un style spécifique, alors que les balises "p" du site ont déjà un style .
    Précision : le style de la balise p à par défaut une marge de 10px en haut et en bas, ainsi je suis obligé de le rendre important .
    ma classe : .margep

  7. #7
    Invité
    Invité(e)
    Par défaut
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    p { margin:0; }
    p.margep { margin:10px 0; }


    N.B. Et pour info : un code CSS ne vaut rien SANS montrer le HTML associé.

  8. #8
    Membre du Club
    Profil pro
    Inscrit en
    Février 2011
    Messages
    253
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2011
    Messages : 253
    Points : 56
    Points
    56
    Par défaut
    Merci pour ton aide, mais ce code ne fonctionne pas pour l'exception margep.
    Il s'agit ici, selon moi, de priorité dans la syntaxe du css et non de la façon dont mes classes sont introduites.

    Finalement j'ai trouvé la syntaxe hiérarchique qui correspond .
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    p{margin:0 !important;}
     
    .margep div p{margin:10px 0 !important;}
    je comprends pourquoi tu voulais le code HTML, effectivement j'utilise un module wordpress "visual composer" qui ajoute des div de tout les côtés.
    sauf que jusqu'à présent j'utilisais le selecteur " >" pour cibler tout les paragraphes après une div et ça marchait , sauf dans le cas présent.

    Merci encore

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. addClass(): ajout de classe ne fonctionne pas
    Par t3__rrY dans le forum jQuery
    Réponses: 11
    Dernier message: 31/10/2014, 13h51
  2. [Python 3.X] Ma class ne fonctionne pas dans un Thread
    Par Bydouil dans le forum GUI
    Réponses: 7
    Dernier message: 19/08/2014, 20h25
  3. Réponses: 19
    Dernier message: 23/04/2012, 03h49
  4. Mon "NOT NULL" ne fonctionne pas ?!
    Par Armagnak dans le forum Langage SQL
    Réponses: 3
    Dernier message: 01/06/2007, 16h03
  5. "not in" ne fonctionne pas????
    Par sali dans le forum Langage SQL
    Réponses: 3
    Dernier message: 13/10/2004, 13h19

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo