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 des classes CSS


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Invité
    Invité(e)
    Par défaut Héritage des classes CSS
    Salut,


    Quelle est la syntaxe pour dire qu'une classe css CssA derive d'une autre classe CssB ?

    Merci d'avance.

  2. #2
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Par défaut
    Bonjour,
    B ne sera appliquée qu'aux enfants de A.
    Ca répond à ta question?

  3. #3
    Invité
    Invité(e)
    Par défaut
    ça ne marche pas.

  4. #4
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Par défaut
    Salut,

    Dis nous plutôt ce que tu cherches à faire...
    Il ne faut pas voir l'héritage au sens qu'il peut avoir en programmation objet.

    Un élément HTML peut hériter de certaines propriétés définies sur l'élément parent. Mais tu ne peux pas en css définir une classe et réutiliser sa définition dans une autre classe (ce que tu sembles vouloir faire).

    Ce que tu peux faire, c'est appliquer plusieurs classes sur un élément HTML <element class="classe1 classe2">...</element>
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    N'oubliez pas de cliquer sur quand votre question à trouvé une solution.

    Si vous n'avez pas encore lu les règles du club, mieux vaut tard que jamais!

  5. #5
    Invité
    Invité(e)
    Par défaut
    J'ai une classe css ClassA qui contient du style.
    J'ai une autre classe css ClassB qui contient du style. Dans cette dernière classe il se trouve que une partie du style de ClassB se trouve dans ClassA. Donc ClassB étend ClassA.

    Alors voici ma question comment faire pour que je ne copie pas tout le style de ClassA dans ClassB en utilisant l'héritage.

  6. #6
    Membre Expert Avatar de franculo_caoulene
    Profil pro
    Inscrit en
    Octobre 2003
    Messages
    2 880
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2003
    Messages : 2 880
    Par défaut
    Salut,

    Si tu utilises deux classes il faut plutôt faire ça :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <p class="classA classB">blabla</p>
    L'héritage serait plutôt dans ce genre :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    p {color:#ff0000;}
    .classA {border:1px solid #00ff00;}
    ...
    <p class="classA">blabla</p>

  7. #7
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Par défaut
    Je te l'indique dans mon précédent message...

    Citation Envoyé par MasterOfChakhaL Voir le message
    Ce que tu peux faire, c'est appliquer plusieurs classes sur un élément HTML <element class="classe1 classe2">...</element>
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    N'oubliez pas de cliquer sur quand votre question à trouvé une solution.

    Si vous n'avez pas encore lu les règles du club, mieux vaut tard que jamais!

  8. #8
    Invité
    Invité(e)
    Par défaut
    Citation Envoyé par MasterOfChakhaL Voir le message
    .

    Ce que tu peux faire, c'est appliquer plusieurs classes sur un élément HTML <element class="classe1 classe2">...</element>

    Est ce que ça marche avec tous les anciens navigateurs (IE 5 etc...).

  9. #9
    Membre Expert Avatar de Er3van
    Homme Profil pro
    Architecte Logiciel
    Inscrit en
    Avril 2008
    Messages
    1 430
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Architecte Logiciel
    Secteur : Industrie

    Informations forums :
    Inscription : Avril 2008
    Messages : 1 430
    Par défaut
    Y a encore des gens qui utilisent IE5 ????

    Sinon, c'est valide CCS1 il me semble, donc pas de raison que ça ne fonctionne pas à partir d'IE 5.

    Sachant qu'avant IE 5, les feuilles de style ne sont pas applicables ( à moins que je me gourre de version... )...

    Mais personne n'utilise de version antérieure de toute façon.
    C'est dans tes specs ?

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

Discussions similaires

  1. [JAXB] Héritage des classes XML
    Par geoffrey34 dans le forum Format d'échange (XML, JSON...)
    Réponses: 1
    Dernier message: 30/10/2012, 15h00
  2. L'appel des classes CSS dans un Itemplate
    Par zooffy dans le forum ASP.NET
    Réponses: 8
    Dernier message: 24/03/2011, 09h42
  3. Réponses: 3
    Dernier message: 14/05/2010, 21h24
  4. [POO] Héritage des classes
    Par mic79 dans le forum Langage
    Réponses: 27
    Dernier message: 09/03/2007, 20h02
  5. [POO] Problème héritage des classes PHP4
    Par zana74 dans le forum Langage
    Réponses: 2
    Dernier message: 15/08/2006, 16h00

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