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 :

CSS nom identique


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Développeur informatique
    Inscrit en
    Septembre 2005
    Messages
    145
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Septembre 2005
    Messages : 145
    Par défaut CSS nom identique
    Bonjour,
    je souhaite savoir si cela est possible d'avoir un nom identique : une pour l'élémnet <a> et un autre pour les class

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    .bleu {background-color:#E8EEFF}
    a.bleu {
    	color:#0000FF ; TEXT-DECORATION:underline; font-size:xx-small
    }
    Merci

  2. #2
    Membre émérite Avatar de Peut-êtreUneRéponse
    Homme Profil pro
    IT Specialist - IBM Z
    Inscrit en
    Décembre 2006
    Messages
    548
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Essonne (Île de France)

    Informations professionnelles :
    Activité : IT Specialist - IBM Z
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Décembre 2006
    Messages : 548
    Par défaut
    C'est possible MAIS dans ce cas précis, ton a.bleu va hériter du background-color: #E8EEFF

    Rajoute y donc un background-color approprié.

    .

  3. #3
    Membre confirmé
    Profil pro
    Développeur informatique
    Inscrit en
    Septembre 2005
    Messages
    145
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Septembre 2005
    Messages : 145
    Par défaut
    ha d'accord mais il n'y a pas un moyen de les differencier dans l'objet appelant genre

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <input class="a.bleu"...
    ou autre chose?

  4. #4
    Membre émérite Avatar de Peut-êtreUneRéponse
    Homme Profil pro
    IT Specialist - IBM Z
    Inscrit en
    Décembre 2006
    Messages
    548
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Essonne (Île de France)

    Informations professionnelles :
    Activité : IT Specialist - IBM Z
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Décembre 2006
    Messages : 548
    Par défaut
    Oula, je crois que je n'avais pas bien compris la question!

    Tu peux créer autant de classe que tu le souhaites avec des noms différents et les appeller dans ton code html à loisir.

    Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    .monstyle1 {}
    .monstyle2 {}
    .monstyle3 {}
    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <imput class="monstyle1" ...
    <p class="monstyle3>...</p>
    <div class="monstyle2">...</div>

    Attention ne pas confondre, le a.bleu fait référence à l'élément a (un lien) dont la classe est .bleu!!!

    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    <a class="bleu">...</a>
    .

  5. #5
    Membre confirmé
    Profil pro
    Développeur informatique
    Inscrit en
    Septembre 2005
    Messages
    145
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Septembre 2005
    Messages : 145
    Par défaut
    d'accord mais si je veux faire ca

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    <a class="bleu">...</a>   => a.bleu ou bleu ou les 2
    <input class="bleu">       => bleu

  6. #6
    Membre émérite Avatar de Peut-êtreUneRéponse
    Homme Profil pro
    IT Specialist - IBM Z
    Inscrit en
    Décembre 2006
    Messages
    548
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Essonne (Île de France)

    Informations professionnelles :
    Activité : IT Specialist - IBM Z
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Décembre 2006
    Messages : 548
    Par défaut
    Si tu fais cela et que tu restes dans la configuration de CSS indiquée dans ton premier message tu auras
    • ton élément input avec les propriétés définit dans ton CSS par .bleu (le background-color: #e8eeff)
    • ton lien avec les propriétés définit dans ton CSS par a.bleu (text-decoration: underline; color: #00f; font-size: xx-small) PLUS la propriété héritée de .bleu (background-color: #e8eeff), propriété que tu n'as pas définis dans a.bleu


    .

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

Discussions similaires

  1. [AC-2007] Regroupement D'enregistrements de nom identique
    Par cfiji dans le forum Modélisation
    Réponses: 14
    Dernier message: 24/04/2012, 09h23
  2. Réponses: 0
    Dernier message: 09/06/2008, 18h30
  3. Cellules avec un début de nom identiques
    Par Danae123 dans le forum Macros et VBA Excel
    Réponses: 5
    Dernier message: 23/06/2007, 13h24
  4. POST : champs avec des noms identiques ou des IDs ?
    Par Luke58 dans le forum Langage
    Réponses: 1
    Dernier message: 24/05/2007, 11h25
  5. coller de div avec un code css identique.
    Par samourai_alex dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 29/07/2005, 20h16

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