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 :

Utiliser les sélecteurs CSS d'un attribut class avec une espace


Sujet :

CSS

  1. #1
    Débutant  
    Inscrit en
    Mai 2006
    Messages
    705
    Détails du profil
    Informations forums :
    Inscription : Mai 2006
    Messages : 705
    Points : 117
    Points
    117
    Par défaut Utiliser les sélecteurs CSS d'un attribut class avec une espace
    Bonjour,

    J'aimerai bien sélectionner cette balise <span> avec les sélecteurs CSS:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <span class="jlmlteamcol jlmlright">...</span>
    Le problème c'est que l'attribut class contient une espace.

    Merci pour votre réponse.

  2. #2
    Rédacteur/Modérateur

    Avatar de SylvainPV
    Profil pro
    Inscrit en
    Novembre 2012
    Messages
    3 375
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2012
    Messages : 3 375
    Points : 9 944
    Points
    9 944
    Par défaut
    L'attribut class indique la liste des classes associées à un élément, séparées par des espaces. Donc cet élément a deux classes. Pour sélectionner en CSS cet élément, tu peux soit le sélectionner par une de ces classes : .jlmlteamcol { ... } ou .jlmlright{ ... } ; soit sélectionner spécifiquement les éléments qui ont ces deux classes à la fois: .jlmlteamcol.jlmlright { ... }
    One Web to rule them all

  3. #3
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 637
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 637
    Points : 66 658
    Points
    66 658
    Billets dans le blog
    1
    Par défaut
    les deux class lui sont affectées
    tu veux pointer sur les éléments ayant les deux classes ?
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementsByClassName('class1 class2')
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  4. #4
    Débutant  
    Inscrit en
    Mai 2006
    Messages
    705
    Détails du profil
    Informations forums :
    Inscription : Mai 2006
    Messages : 705
    Points : 117
    Points
    117
    Par défaut
    tu veux pointer sur les éléments ayant les deux classes ?
    oui, exact

    soit sélectionner spécifiquement les éléments qui ont ces deux classes à la fois: .jlmlteamcol.jlmlright { ... }
    Merci pour votre réponse

Discussions similaires

  1. Utiliser les éléments CSS dans ses classes
    Par qdaemon_fr dans le forum Débuter
    Réponses: 0
    Dernier message: 06/03/2013, 16h05
  2. [Article] Savoir comment utiliser les sélecteurs CSS 2.1 et les nouveautés CSS 3
    Par Bovino dans le forum Publications (X)HTML et CSS
    Réponses: 1
    Dernier message: 20/01/2012, 17h35
  3. Réponses: 1
    Dernier message: 20/01/2012, 17h35
  4. Les sélecteurs css
    Par TheRedLed dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 25/08/2006, 15h16

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