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 :

Héritage de la propriété d'un div vers un autre div


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Candidat au Club
    Profil pro
    Inscrit en
    Mars 2011
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2011
    Messages : 2
    Par défaut Héritage de la propriété d'un div vers un autre div
    Bonjour à tous,

    J'ai utilisé autrefois une propriété CSS dont je ne me rappel pas le nom.
    Or aujourd'hui, cette dernière pourrait une me faire gagné une bonne dizaine de lignes de code, je suis donc venu vous demandez de l'aide.

    Il s'agit d'une propriété qui permet d'attribuer à un div les valeurs d'un autre div

    Par exemple :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    #alpha
    {
    background-color: red;
    }
    #bravo
    {
    background-color: // Que mettre ici ?
    }
    C'est à dire que la couleur de fond de bravo dépend de celle de alpha, si je change la valeur de alpha a blue par exemple alors le fond de bravo deviendra bleu aussi.

    J'ai essayé d'être le plus clair possible.
    Un grand merci à ceux qui m'aideront

  2. #2
    Membre éclairé Avatar de copin
    Homme Profil pro
    Webmaster
    Inscrit en
    Mai 2005
    Messages
    231
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : France

    Informations professionnelles :
    Activité : Webmaster
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2005
    Messages : 231
    Par défaut
    Bonjour,

    Je suis pas certain d'avoir compris la demande mais tu souhaites pas faire ça plutôt?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    #alpha, #bravo
    {
    background-color: red;
    }
    Tu peux à la suite de ce code remettre un #alpha ou #bravo seul cette fois pour définir des propriétés css spécifiques.

    Genre:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    #alpha
    {
    font-weight:bold;
    }
     
     #bravo{
    font-weight:italic;
    }
    Dans ce cas #alpha sera en rouge bold,
    #bravo en rouge italic.

  3. #3
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Et si #bravo est un descendant de #alpha, la valeur que tu recherches est inherit.

Discussions similaires

  1. [CSS 2] interagir sur un div depuis un autre div
    Par steph57535 dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 11/04/2009, 16h28
  2. Activer Ascenseur (div) dans une autre div
    Par Kenshin86 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 15/03/2009, 01h43
  3. Faire déborder un div via un autre div
    Par gomodo dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 05/11/2008, 00h33
  4. [DOM] DOM - copier le contenu d'un div dans un autre div
    Par Mike_69 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 30/03/2007, 17h02
  5. div chevauchant un autre div
    Par remooz dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 20/12/2006, 19h40

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