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 :

Aide sur les sélecteurs


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2014
    Messages
    20
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 34
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mars 2014
    Messages : 20
    Par défaut Aide sur les sélecteurs
    Bonjour à tous.

    Alors je viens vers vous parce que j'ai un petit soucis au niveau de mes balises et de l'affichage ou non.

    Dans un premier temps voilà le code HTML.

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    <span class="price">
    <del>
    <span class="amount">48.00€</span><span class="amount">120.00€</span>
    </del>
    <ins>
    <span class="amount">24.00€</span><span class="amount">60.00€</span>
    </ins>
    </span>

    Ce que j'aimerai faire c'est cacher les deuxième span dans les balises INS et DEL.

    Alors dans un premier temps, pour la balise DEL, cela marche avec ce code là:
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    .woocommerce ul.products li.product .price del span+span{
    	display: none;
    }

    Par contre pour la balise INS, bah je ne sais pas pourquoi mais ça ne veut pas ... Bizarre ... Pourtant j'utilise la même méthode mais bon ....
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    .woocommerce ul.products li.product .price ins span+span{
    	display: none;
    }

    Si vous avez une idée d'où vient mon erreur je suis preneur.

    En vous remerciant par avance.

    Bonne fin de journée.

    Benito

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 228
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 228
    Par défaut
    Bonjour,
    on en a parlé il y peu
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    /* tous les éléments sauf le premier */
    ins > * + * {
      display:none;
    }
    sinon aucune raison que cela ne marche pas
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    .price ins span + span {
        display: none;
    }

  3. #3
    Membre chevronné
    Profil pro
    Chef Gérant
    Inscrit en
    Octobre 2005
    Messages
    230
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Chef Gérant
    Secteur : Santé

    Informations forums :
    Inscription : Octobre 2005
    Messages : 230
    Par défaut
    span + span , ne fonctionnera pas si il ' y entre eux un caractere : -. essayez plutôt le selecteur ~

  4. #4
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 228
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 228
    Par défaut
    span + span , ne fonctionnera pas si il ' y entre eux un caractere
    aucune raison que cela ne marche pas pour peu quand même qu'il y ait un DOCTYPE valide, il faut simplement qu'il n'y ait pas d'autre enfant entre les SPAN ce qui visiblement n'est pas le cas.

  5. #5
    Membre chevronné
    Profil pro
    Chef Gérant
    Inscrit en
    Octobre 2005
    Messages
    230
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Chef Gérant
    Secteur : Santé

    Informations forums :
    Inscription : Octobre 2005
    Messages : 230
    Par défaut
    Citation Envoyé par NoSmoking Voir le message
    aucune raison que cela ne marche pas pour peu quand même qu'il y ait un DOCTYPE valide, il faut simplement qu'il n'y ait pas d'autre enfant entre les SPAN ce qui visiblement n'est pas le cas.
    Au temps pour moi ,

  6. #6
    Membre averti
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2014
    Messages
    20
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 34
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mars 2014
    Messages : 20
    Par défaut
    Merci beaucoup pour vos réponses !

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

Discussions similaires

  1. Besoin d'aide sur les sélecteurs
    Par bpdelavega dans le forum jQuery
    Réponses: 1
    Dernier message: 05/11/2010, 13h14
  2. Aide sur les groupes (ADO)
    Par portu dans le forum QuickReport
    Réponses: 3
    Dernier message: 18/08/2004, 17h13
  3. Filemaker ... besoin d'aide sur les Plugin
    Par joange dans le forum Autres SGBD
    Réponses: 3
    Dernier message: 22/04/2004, 11h16
  4. Petite aide sur les triggers ?
    Par krimson dans le forum PostgreSQL
    Réponses: 3
    Dernier message: 16/04/2004, 17h28
  5. [CR] besoin d'aide sur les formules
    Par GuillaumeDSA dans le forum Formules
    Réponses: 4
    Dernier message: 10/07/2003, 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